iframe自適應高度解決方案

2021-05-18 00:17:37 字數 451 閱讀 5968

經常會有父頁面需要通過iframe嵌入另乙個子頁面,又要適時根據子頁面的高度調整父頁面中iframe的高度,這就要求 頁面必須具有自適應功能。自適應思想比較簡單:就是父頁面中iframe高度必須要適時根據子頁面 高度進行調整。 由於涉及到js操作,因此對於不同網域名稱的自適應解決方案有所不同,主要是在解決跨域問題。

1.0   http://jipiao.taobao.com/index.htm中關鍵**

頁面增加如下js:

2.子頁面http://jiudian.taobao.com/***.htm 中嵌入如下**。即可。

1.jipiao.taobao.com/index.htm頁面中關鍵**:

增加如下js:

2. www.koubei.com/***x.htm 中關鍵**:

3.在**頁面jipiao.taobao.com/proxy.htm中所有的**如下:

iframe 跨域自適應高度的解決方案

專案中需要使用iframe巢狀另外乙個專案的子頁面,但是要求不能有滾動條,也就是說iframe的高度得根據巢狀頁面的高度自適應 由於跨域,所以父子頁面顯然是不能通訊的 第乙個想到的是最近才接觸到的window.name方式 片段 修改自此處 原理 當子iframe頁面onload後自身計算高度並寫在...

iframe高度自適應方案總結

iframe能將乙個網頁嵌入到另乙個網頁中,有個缺陷是高度不能隨內容而撐開,需要手動設定。如果內容高度是動態的,就會存在問題。在網上查了不少方案都存在一些問題,總結了一下 整體而言思路是 通過scrollheight獲取iframe的滾動高度,動態將iframe.height設定為scrollhei...

iframe高度自適應解決方式

帶邊框的iframe因為能和網頁無縫的結合從而不重新整理頁面的情況下更新頁面的部分資料成為可能,可是 iframe的大小卻不像層那樣可以 伸縮自如 所以帶來了使用上的麻煩,給iframe設定高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家幾種iframe動態調整高度的方法。1 2 在ie6...