久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術員聯盟提供win764位系統下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當前位置:主頁 > 教程 > 服務器類 >

javascript 中iframe高度自適應(同域)實例教程

來源:技術員聯盟┆發布時間:2017-10-17 18:10┆點擊:

javascript 中iframe高度自適應(同域)

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

function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame是iframe的id if (document.getElementById) { if (iframeid && !window.opera) { if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) { iframeid.height = iframeid.contentDocument.body.offsetHeight; }else if (iframeid.Document && iframeid.Document.body.scrollHeight) { iframeid.height = iframeid.Document.body.scrollHeight; } } }

iframe嵌入頁面時需要等待它完全加載完后才可以調用SetCwinHeight(),所以當修改iframe里的src值時,也需要等待修改的頁面完全嵌入后才可以調用SetCwinHeight(),這樣才有效果,那么該怎么放置SetCwinHeight(),我的解決方法是在iframe標簽里直接調用,即這樣寫 <iframe onload = "SetCwinHeight();"></iframe>,但是這樣的的話會污染了html環境,可是在js中一般只用一次window.onload = function(){},如果使用多次,后面的會覆蓋前面的,所以目前為止我能想到的解決方法就這一個