WEB - ifram自動適應高度


外層a.html,裏面包含一個iframe,包含的網頁是iframe1.html,定義iframe不顯示滾動條。

<html>
<body>
<div><iframe frameborder='0'
	scrolling=no name='iframe' id='iframe' src='iframe1.html'
	style='background-color: transparent;'></iframe></div>
</body>
</html>

接下來在被包含的網頁iframe1.html中寫js腳本將iframe的高度傳給父親html,即外層html,並設置爲body的onload調用就完成了高度自適應了。

<html>
<script>function dyniframesize(){
	parent.document.all('iframe').style.height=document.body.scrollHeight;
}
</script>
</head>
<body οnlοad="dyniframesize()">
hello html
</body>
</html>


發佈了21 篇原創文章 · 獲贊 8 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章