iframe高度自適應(同域)

2022-08-14 18:27:18 字數 842 閱讀 4309

今天解決了iframe高度自適應的問題,不過這只是同域下的頁面嵌入,以下是**:

function

setcwinheight()

else

if (iframeid.document &&iframeid.document.body.scrollheight) }}

view code

當嵌入頁面修改時,iframe的高度也需要調整,當我在js檔案直接這樣window.onload = function()呼叫setcwinheight()時,只有重新整理整個頁面才可以自適應高度,如果修改了iframe的src,iframe的高度還是前乙個頁面的高度,當前頁面的高度無法自適應,一開始我以為是setcwinheight()寫錯了,但是當重新整理整個頁面時,當前頁面又可以自適應了,在遇到這個問題之後,我的焦急毛病又出現了,總是沒有分析問題就急急忙忙的去查詢有關於問題的解決方法,然後查出來的又文不對題,這樣反反覆覆,不僅浪費了時間,還使得自己的心情特別煩躁,這樣的話工作就無法再進展下去。通過了這次的工作明白了自己的毛病,在休息了一會後,重新靜下心來整理思路,然後分析出現的問題,程式如何執行,點選後程式執行的步驟又是什麼,分析完後再看看是哪一步出錯了,為什麼會出錯,像這次出現的錯誤,並不是程式寫錯了,而是程式執行的步驟出錯了,整個頁面重新整理後就可以實現效果,但是修改src後又沒有效果了,而window.onload = function(){}這一步是等待頁面完全載入完後才執行,那麼應該就是載入的問題了,所以需要等待頁面載入完後才可以呼叫setcwinheight(),通過這樣的分析,最後終於將問題解決了,經過這次,我一定要改掉急躁這個毛病,應該在遇到問題後,先分析問題和思考解決方法,如果自己解決不了再去查詢相應的解決方法。這樣就不會浪費時間和精力了。

iframe 自適應高度

由於html沒有include或require,做網頁時我們會用iframe來達到包含頁面的目的。如果呼叫的iframe頁面高度會根據內容多少而發生變化,這時通常要保持iframe與內容頁面的高度,以避免出現iframe的滾動條。先搜尋了一下,有不少好的例子,但總覺得說的還不夠明了。下面給出詳細例子...

iframe自適應高度

來自 http ued.koubei.com 2008 05 07 iframe auto fit height 這貼比較長,沒有耐性的朋友請直接拖到帖子末尾的 示例,或者直接去玩我提供的demo。demo頁面 主頁面 iframe a.html 被包含頁面 iframe b.htm 和 ifram...

iframe高度自適應

nl ad this.height document.frames src document.body.scrollheight 例子 1,建立頁面 test.html 頁面中含有乙個 iframe,name為 ifrname id為 ifrid,src 為 iframe.html頁面。2,建立 i...