有時候一些必要狀況要用 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" "Javascript:SetCwinHeight()"></iframe>


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


資料來源：google 大神

arrow
arrow
    文章標籤
    script jquery javascript html iframe height auto
    全站熱搜
    創作者介紹
    創作者 Leah 的頭像
    Leah

    Leah's Life

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