iframe跨域高度自適應的實現

2021-09-05 23:36:12 字數 432 閱讀 3283

相容ie和ff, chrome

主框架**

支援跨域的框架高度自適應

"width="100%" height="0" scrolling="auto" οnlοad="frameresize()" frameborder="0">

子域的框架**

這裡是框架的內容, 自適應這裡的高度, 支援跨域

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf

asdfsdf山高水低個的

同時在當前域的根目錄增加xclient.html檔案,內容為空即可, 避免返回404錯誤

跨域iframe的高度自適應

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

解決跨域iframe自適應高度

關於iframe自適應高度的討論可以先看看口碑ued的部落格 大概原理見下圖 可以直接看示例 下面直接上 了 下面是核心 loader.js 檔案proxy.html 使用方法 一 在主頁面要包含的iframe中引入loader.js 二 傳入引數。有兩種傳參方法 1.在主頁面引用iframe的時候...

跨子域的iframe高度自適應

比如 a.jd.com 3.html 嵌入了 b.jd.com 4.html 這種跨子域的頁面 3.html12 3456 78910 1112 13 4.html12 3456 78910 1112 1314 1516 1718 1920 2122 2324 2526 2728 這是乙個ifrma...