子父頁面的iframe方法呼叫

2021-07-23 21:49:11 字數 570 閱讀 1391

父頁面呼叫子頁面方法:framename.window.childmethod();

子頁面呼叫父頁面方法:parent.window.parentmethod();

獲取到頁面的window.document物件後,即可訪問dom元素

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

如果iframe所鏈結的是外部頁面,因為安全機制就不能使用同網域名稱下的通訊方式了。

實現的技巧是利用location物件的hash值,通過它傳遞通訊資料。在父頁面設定iframe的src後面多加個data字串,然後在子頁面中通過某種方式能即時的獲取到這兒的data就可以了,例如:

實現技巧就是利用乙個**iframe,它嵌入到子頁面中,並且和父頁面必須保持是同域,然後通過它充分利用上面第一種通訊方式的實現原理就把子頁面的資料傳遞給**iframe,然後由於**的iframe和主頁面是同域的,所以主頁面就可以利用同域的方式獲取到這些資料。使用 window.top或者window.parent.parent獲取瀏覽器最頂層window物件的引用。

iframe父頁面與子頁面的互動

1.父頁面獲取子頁面的window物件 var childiframewin document.getelementbyid child contentwindow 通過iframe標籤的id獲取獲取到子頁面的window後,就可以通過window獲取到子頁面的物件和方法。2.子頁面獲取父頁面的wi...

iframe父頁面與子頁面的互動

iframe子頁面呼叫父頁面的變數 js方法 元素 非跨域 1 window.parent.varname 獲取父頁面js全域性變數 2 window.parent.fnname 獲取父頁面js全域性方法 3 window.parent.document.getelementbyid id 獲取父頁...

子頁面呼叫父頁面的函式

在layer.open建立的子頁面中,parent.layer.closeall iframe 關閉頁面都正常 如果在子頁面直接呼叫父頁面中的函式,parent.或者window.parent.一般這兩種可以呼叫到。第三種方式 將父頁面的函式掛載到window上,function window wi...