讓iframe的高度能隨內容自動調整 [並肩作戰/並肩作站 ~ 偷網站內容]
讓iframe的高度能隨內容自動調整 [並肩作戰/並肩作站 ~ 偷網站內容]
資料來源:http://17joweb.com/blog/13-know-how-notes/237-iframe
00.HTML iframe 語法
<iframe src="嵌入目標" width="寬度" height="高度" frameborder="邊框參數" scrolling="卷軸參數"></iframe>
01.先在要嵌入的內頁中加入iframe的語法。（Ex︰A.html）
<iframe src="./source"（欲連結的網頁，Ex︰B.html） name="mainframe" width="100%" marginwidth="0" marginheight="0" scrolling="No" frameborder="0" id="mainframe" ></iframe>
02-1.先在要嵌入的內頁中加入iframe的語法。（Ex︰A.html）
<script>
function resize() { parent.document.getElementById("mainframe").height=document.body.scrollHeight; //將子頁面高度傳到父頁面框架}
</script>
02-2.並在body（Ex︰B.html）裡加入︰
<body onload="resize();" >