久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

HTML教程:如何設置Iframe自適應高度

iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家一種iframe動態調整高度的方法 ... .

    不帶邊框的iframe因為能和網頁無縫的結合從而不刷新頁面的情況下更新頁面的部分數據成為可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行,現在,讓我來告訴大 家一種iframe動態調整高度的方法,主要是以下JS函數: 

一、程序代碼

  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屬性,當然了,id也必須也函數中的win匹配;

二、程序代碼:

我們看看另一種情況的iframe解決方案
重要提示:
src=中你必須填寫的網頁地址,一定要和本頁面在同一個站點上,否則,會抱錯,說“拒絕訪問!”(實際上這是因為Js的跨域問題導致拒絕訪問的)現在給大家分享一下:

1、建立一個bottom.js的文件,然后輸入下面的代碼;
parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;

2、給你網站里所有的被包含文件里面每個都加入,在WINXP、IE6下面測試通過;

實現 iframe 的自適應高度
    
實現 iframe 的自適應高度,能夠隨著頁面的長度自動的適應以免除頁面和 iframe 同時出現滾動條的現象;

程序代碼

<script type="text/javascript">

//** iframe自動適應頁面 **//

//輸入你希望根據頁面高度自動調整高度的iframe的名稱的列表

//用逗號把每個iframe的ID分隔. 例如: ["myframe1", "myframe2"],可以只有一個窗體,則不用逗號。

//定義iframe的ID

var iframeids=["test"]

//如果用戶的瀏覽器不支持iframe是否將iframe隱藏 yes 表示隱藏,no表示不隱藏

var iframehide="yes"

function dyniframesize()

{

var dyniframe=new Array()

for (i=0; i<iframeids.length; i++)

{

if (document.getElementById)

{

//自動調整iframe高度

dyniframe[dyniframe.length] = document.getElementById(iframeids);

if (dyniframe && !window.opera)

{

dyniframe.style.display="block"

if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用戶的瀏覽器是NetScape
dyniframe.height = dyniframe.contentDocument.body.offsetHeight;

else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用戶的瀏覽器是IE

dyniframe.height = dyniframe.Document.body.scrollHeight;

}

}

//根據設定的參數來處理不支持iframe的瀏覽器的顯示問題

if ((document.all || document.getElementById) && iframehide=="no")

{

var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)

tempobj.style.display="block"

}

}

}

if (window.addEventListener)

window.addEventListener("load", dyniframesize, false)

else if (window.attachEvent)

window.attachEvent("onload", dyniframesize)

else

window.onload=dyniframesize

</script>

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

由于實際運行環境是在瀏覽器中,因此性能還取決于JavaScript解釋器的效率,指定的FPS幀速在低性能解釋器中可能不會達到,所以這部分不是開發者能夠決定的,開發者能作的是盡可能通
本文將使用HTML5提供的VideoAPI做一個自定義的視頻播放器,需要用到HTML5提供的video標簽、以及HTML5提供的對JavascriptAPI的擴展。,HTML5中國,中國最大的HTML5中文門戶。
隨著 Hybrid 應用的豐富,HTML5 工程師們已經不滿足于把桌面端體驗簡單移植到移動端,他們覬覦移動原生應用人性化的操作體驗,特別是原生應用與生俱來的豐富的手勢系統。HTML5 沒有提
你想要在自己網站上分享一個產品,或者是一個作品集,又或者僅僅只是一個靈感。在你發布到網上之前,你想讓它看起來有吸引力,專業,或者至少得看起來像那么回事。那么你接下
H5廣告,包括H5廣告的設計流程,究竟有什么講究,和階段。為了能幫助更多的人了解H5廣告,我專門做了一個講義。同時,也讓我意外的收到了非常好反饋和認!這是對我的極大鼓勵!我的
本文主要內容有:框架與組件、構建生態、開發技巧與調試、html、css與重構、native/hybrid/桌面開發、前端/H5優化、全棧/全端開發、研究實驗、數據分析與監控、其它軟技能、前端技術網
主站蜘蛛池模板: 亚洲毛片在线观看 | 插插插干干干 | 国产成人精品一区二区三区在线观看 | av网站观看| 可以看黄的视频 | 免费成人在线网站 | 成人亚洲在线 | 欧美free性| 亚洲第一成人影院 | 欧美自拍视频 | 人人做人人澡人人爽欧美 | 国产激情自拍视频 | 九一在线观看 | 91精品国产高清一区二区三区 | 黑色丝袜三级在线播放 | av在线亚洲天堂 | 亚洲精品一区二区三区丝袜 | 国产一区二区三区在线看 | 国产成人久久 | 中文字幕不卡在线88 | 日韩中文字幕在线视频 | 午夜寂寞影院在线观看 | 国产欧美精品一区二区 | 日韩av电影在线观看 | 欧美激情一区二区三区 | 91久久| 成人午夜激情 | 国产精品2区 | 精品av | 99精品电影 | 中国91av| 国产精品成人在线播放 | 亚洲综合第一页 | 国产在线一区二区 | 精品一区二区久久久久久久网站 | 黄色一级大片在线免费看产 | 久久国产视频网 | 在线免费看黄 | 91免费视频 | 精品亚洲国产成av人片传媒 | 亚洲成人中文字幕 |