iframe引用頁面中的js操作父視窗標籤

2022-06-24 20:21:10 字數 492 閱讀 8127

假設有頁面a,裡面有iframe標籤frame,iframe引用頁面b,在頁面b中寫js來操作頁面a。方法如下:

a.html

<

iframe

name

="frame"

id="frame"

src="b.html"

/>

在b頁面的js中獲取其所在的iframe:

var frame = window.parent.document.getelementbyid("frame");

獲取該iframe下的document:

var cdocument = frame.contentwindow.document;

獲取該iframe所在的document:

var pdocument = window.parent.document;

然後便可執行各種操作

js設定iframe子頁面中div高度

首先給出乙個結論 div節點高度要實現百分比,其父節點必須要有確定的高度。所以在body節點下的子節點若想要用百分比來確定高度時,就必須給body給定乙個高度。舉乙個實際的例子 我們的頁面通常是巢狀iframe,iframe設定的height是100 main.html b.html 子頁面a.ht...

js使用iframe嵌入頁面問題

1.在被嵌入頁面獲取iframe的src 寫在被嵌入頁面 window.parent.document.queryselector cust contentwindow.location.href 2.iframe嵌入頁面會出現兩個滾動條,解決這個問題可以設定iframe高度和內部頁面高度保持一致 ...

iframe子頁面與父頁面js通訊

父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.parentmethod 獲取到頁面的window.document物件後,即可訪問dom元素 注意事項 要確保在iframe載入完成後再進行操作,如果iframe還未載...