spotlight_title
有時候一些必要狀況要用 iframe 嵌入頁面資料
當 iframe 裡面的內容並不是固定高度,可是卻希望頁面不要有小捲軸
這時候就需要用到這個東東了

script
function SetCwinHeight(){ var iframeid=document.getElementById("mainframe"); //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; } } } };


html
<iframe src="URL" allowTransparency="true" width="100%" marginwidth="0" marginheight="0" scrolling="No" frameborder="0" name="mainframe" id="mainframe" onload="Javascript:SetCwinHeight()"></iframe>


註記:這方式不需要在 iframe 要被嵌入的頁面中寫入任何 script,以上語法置入主頁面即可
   mainframe 的 id 可以自己改成需要的命名~


資料來源:google 大神
, , , , , ,

Leah 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • 訪客
  • 謝謝您的協助