js設定iframe子頁面中div高度

2021-10-01 23:49:54 字數 399 閱讀 4801

首先給出乙個結論:

div節點高度要實現百分比,其父節點必須要有確定的高度。所以在body節點下的子節點若想要用百分比來確定高度時,就必須給body給定乙個高度。

舉乙個實際的例子:我們的頁面通常是巢狀iframe,iframe設定的height是100%

main.html

b.html

子頁面a.html載入的時候,由於負頁面沒有確定的高度,所以內部的div高度即使這是了99%,實際上是非常低的。

解決方法:

子頁面載入的時候指定body的高度。具體方法是根據不同瀏覽器的高度來設定

a.html

$(function(),20);

});

iframe子頁面與父頁面js通訊

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

iframe子頁面與父頁面js通訊方式

iframe框架中的頁面與主頁面之間的通訊方式根據iframe中src屬性是同域鏈結還是跨域鏈結,有明顯不同的通訊方式,同域下的資料交換和dom元素互訪就簡單的多了,而跨域的則需要一些巧妙的方式來實現通訊。父頁面 parent.html 子頁面 child.html 如上面示例所示父頁面呼叫子頁面的...

js之iframe子頁面與父頁面通訊

iframe子頁面與父頁面通訊根據iframe中src屬性是同域鏈結還是跨域鏈結,通訊方式也不同。父頁面parent.html 子頁面child.html 方法呼叫 父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.pa...