新聞中心
這篇“HTML中怎么設(shè)置Iframe自適應(yīng)高度”文章的知識點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“HTML中怎么設(shè)置Iframe自適應(yīng)高度”文章吧。
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的上海網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
主要是以下JS函數(shù):
一、程序代碼
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
最后,加入iframe,不能丟掉onload屬性,當(dāng)然了,id也必須也函數(shù)中的win匹配;
二、程序代碼:
我們看看另一種情況的iframe解決方案
重要提示:src=中你必須填寫的網(wǎng)頁地址,一定要和本頁面在同一個站點(diǎn)上,否則,會抱錯,說“拒絕訪問!”(實(shí)際上這是因?yàn)镴s的跨域問題導(dǎo)致拒絕訪問的)現(xiàn)在給大家分享一下:
1、建立一個bottom.js的文件,然后輸入下面的代碼;
parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;
2、給你網(wǎng)站里所有的被包含文件里面每個都加入,在WINXP、IE6下面測試通過;
實(shí)現(xiàn) iframe 的自適應(yīng)高度
實(shí)現(xiàn) iframe 的自適應(yīng)高度,能夠隨著頁面的長度自動的適應(yīng)以免除頁面和 iframe 同時出現(xiàn)滾動條的現(xiàn)象;
程序代碼
以上就是關(guān)于“HTML中怎么設(shè)置Iframe自適應(yīng)高度”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對大家有幫助,若想了解更多相關(guān)的知識內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章標(biāo)題:HTML中怎么設(shè)置Iframe自適應(yīng)高度
瀏覽路徑:http://www.ef60e0e.cn/article/ijsjpi.html