解決跨域iframe自適應高度

2021-08-27 02:47:42 字數 1156 閱讀 2808

關於iframe自適應高度的討論可以先看看口碑ued的部落格

大概原理見下圖:

可以直接看示例:

下面直接上**了

下面是核心**loader.js

————————-

**檔案proxy.html

使用方法:

一、在主頁面要包含的iframe中引入loader.js

二、傳入引數。有兩種傳參方法:

1.在主頁面引用iframe的時候傳參,將引數接在要引用的iframe的url後面

例如:

2.iframe頁面包含loader.js的時候傳入

例如:

如果閒麻煩直接按照示例 寫就行了,注意proxy.html一定要與最面的頁面是同域的。

跨域iframe的高度自適應

跨域iframe的高度自適應 1.跨子域的iframe高度自適應 2.完全跨域的iframe高度自適應 同域的我們可以輕鬆的做到 1.父頁面通過iframe的contentdocument或document屬性訪問到文件物件,進而可以取得頁面的高度,通過此高度值賦值給iframe tag。2.子頁面...

iframe跨域高度自適應的實現

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

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

width 100 height 100 frameborder 0 scrolling yes name blank id blank 強大之處 1.該方法完美相容ie6,7,8 fire fox,chrome,opera 等主流的瀏覽器 2.同域,跨域皆支援 3.不呼叫任何js指令碼 注意三點....