有時候一些必要狀況要用 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 大神
當 iframe 裡面的內容並不是固定高度，可是卻希望頁面不要有小捲軸
這時候就需要用到這個東東了
script
html
註記：這方式不需要在 iframe 要被嵌入的頁面中寫入任何 script，以上語法置入主頁面即可
mainframe 的 id 可以自己改成需要的命名~
資料來源：google 大神
文章標籤
全站熱搜
留言列表
My Life (9)