分享iframe標簽注意問題

• 子頁面訪問父父頁面變量，函數，頁面元素

//變量：　　　　
//在父頁面中需定義為全局變量　　　　
//子頁面中調用　　　　
var childFrameVar= parent.ParentVarName;
　//函數:　　　　
　parent.ParentMethodName();
　
　//頁面元素:　　　　
　//通過獲取document對象，來對頁面元素進行操作　　　　
　parent.document
　　　　parent.window.document

• 父頁面訪問子頁面函數，頁面元素　　

//函數
　　　　//做出以下嘗試，但alert出來的信息均為undefine　　　　
　　　　FrameName.window.childMethodName();
　　　　document.getElementById('FrameId').contentWindow.childMethod();
　　　　
　　　　//頁面元素　　　　
　　　　FrameName.window.document
　　　　document.getElementById('FrameId').contentWindow.document
　　　　document.getElementById('FrameId').contentDocument

• 注意事項

　　　　要確保在iframe加載完成后再進行操作，如果iframe還未加載完成就開始調用里面的方法或變量，會產生錯誤。

　　　　盡量在不要在父頁面中調用子頁面中的頁面元素或函數，所有涉及的交互操作盡量放在子頁面中來完成�！�

　　　　判斷iframe是否加載完成有兩種方法：

　　　　　　1. iframe上用onload事件

　　　　　　2. 用document.readyState=="complete"來判斷

以上就是分享iframe標簽注意問題的詳細內容，更多請關注php中文網其它相關文章！