IFrame高度設定

2021-06-08 07:52:00 字數 605 閱讀 8462

由於最近想實現網頁區域性重新整理,使用的iframe,只要給iframe賦給新的src值,便可以載入不同的頁面了。但讓人煩惱的問題也隨之而來了,那便是如何讓iframe自身的高度隨子頁面而變化。上網搜了好多方法,發現都不適用。

很多人的方法都是這樣的。在iframe中設定 οnlοad="autoheight();「

function autoheight()elseif(iframe.contentdocument)

}

這種方法在firefox和chrome中顯示很好,但是在ie中完全不好使,後來才發現,在ie中不能用iframe.document

,得用iframe.contentwindow。

修改之後的**為:

function autoheight()else if(iframe.contentdocument)

}

這樣在ie、firefox和chrome中就都好使了。

設定iframe的高度

為了使iframe不出現滾動條 使用瀏覽器自身的滾動條 需要把iframe內嵌頁面的scrollheight高度設定給iframe的height,這裡需要注意的是,在設定iframe高度前需要把iframe的高度清空下,具體如下 iframe 高度自適應js document ready funct...

設定iframe高度自適應螢幕高度

寫在前面 最近在搭建專案前台頁面框子的時候,把iframe設定成了固定的高度,導致不同的電腦尺寸訪問的時候,高度差異較大,故查了下,將iframe設定成自動適應螢幕高度的方式,這裡記錄下。還是直接上 吧 iframe頁面內容 div class page content style iframe i...

jquery獲取 設定iframe高度

今天網頁加了個iframe 通過js制定src,但是當獲取iframe的高度時,始終顯示0 可以在iframe的width屬性設定height和width,但是動態設定,是iframe,自適應高度,應在iframe每次載入時,load完成之後根據內容改變 function 這裡的find conte...