完美實現跨域Iframe高度自適應

2021-10-10 22:50:59 字數 401 閱讀 1230

width='100%' height='100%' frameborder='0' scrolling="yes" name="_blank" id="_blank" >

**強大之處:

1. 該方法完美相容ie6,7,8 ,fire fox,chrome,opera 等主流的瀏覽器;

2.同域,跨域皆支援;

3.不呼叫任何js指令碼;

注意三點.

1. 檔案開頭不能是:

必須 是開頭

2. body樣式中的 overflow: hidden; 絕對不對省略;

3.iframe 中的 height='100%' 以及 滾動條不能設為no(預設是yes,不用設定即可)

好了,馬上試試吧。100%不會讓你失望。

跨域iframe獲取高度

需求背景 父頁面內嵌乙個跨域的子頁面,但是子頁面的內容是未知的,意味著子頁面的高度也是未知的,父頁面的樣式不能定死高度,不然會出現雙重滾動條 子頁面有滾動條,父頁面也會出現滾動條 解決方案 公司裡大神出的方案,跨域的b.html頁面中再嵌入乙個 頁面agent.html,頁面跟最外層的父頁面a.ht...

iframe跨域高度自適應的實現

相容ie和ff,chrome 主框架 支援跨域的框架高度自適應 width 100 height 0 scrolling auto nl ad frameresize frameborder 0 子域的框架 這裡是框架的內容,自適應這裡的高度,支援跨域 asdfsdf asdfsdf asdfsdf...

跨域iframe高度計算

一 同域獲取iframe內容 這裡有兩個細節 1.取iframe內的文件物件,標準瀏覽器使用 contentdocument屬性,ie低版本 ie6,7,8 使用 document屬性。2.calcpageheight函式計算頁面的實際高度,標準瀏覽器使用document.documenteleme...