iframe調用父頁面js函數 方法 元素

標籤：style   ar   color   os   sp   strong   on   bs   html   

     在一個頁面中添加iframe，但是有時需要與父頁面進行通訊，傳遞參數。 網上總結有以下方法：

            一、iframe標籤中   src屬性傳參   

                    <iframe src="test.jsp?id=xxx">   

                 通過get方法，添加在頁面後面傳遞參數，如上的“id”

           二、iframe調用父頁面html元素

                 在iframe中，通過“window.parent.document.getElementById()” ,即可訪問父頁面中的元素

           三、iframe調用父頁面函數

                 window.parent.“函數名” 例如  window.parent.test(),當然前提是父頁面中有test()函數；

           四、在父頁面中調用iframe

                 1、window.frames[]."函數名"  frames返回是父頁麵包含所有frame的數組，可以通過window.frames[名稱]來調用名稱對應的iframe;

 　　　　   2、直接"frame名稱”.window."函數名"

　　　　　　注意事項

　　　　　　要確保在iframe載入完成後再進行操作，如果iframe還未載入完成就開始調用裡面的方法或變數，會產生錯誤。判斷iframe是否載入完成有兩種方法：

　　　　　　　　1. iframe上用onload事件

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

          

iframe調用父頁面js函數 方法 元素