iframe在非IE瀏覽器指定Src及動態改變高度的問題
在IE瀏覽器內想要改變iframe頁框的Src值,只需要直接指定iframe.src='XXXX.htm';,如此就可以改變連結的路徑,但是其他瀏覽器可就不吃這一套了(至少我試了Firefox,Chrome都是如此)。
1. 在其它瀏覽器內iframe若要指定src有反應,必須要補齊所需要的網頁元素。如html,head,body......
2. 另外若要動態指定iframe的高度IE瀏覽器也與其它瀏覽器有所不同IE → iframe.Document.body.scrollHeightOther → iframe.contentDocument.body.offsetHeight
1. 在其它瀏覽器內iframe若要指定src有反應,必須要補齊所需要的網頁元素。如html,head,body......
2. 另外若要動態指定iframe的高度IE瀏覽器也與其它瀏覽器有所不同IE → iframe.Document.body.scrollHeightOther → iframe.contentDocument.body.offsetHeight
詳細說明與法如下
var iframe = document.getElementById(obj); if (iframe.src == "") { var iframeDocument = iframe.contentDocument || iframe.contentWindow.document; iframeDocument.open(); iframeDocument.writeln(''); iframeDocument.close(); iframe.src = 'XXXX.html'; } if (document.getElementById) { if (iframe && !window.opera) { if (iframe.contentDocument && iframe.contentDocument.body.offsetHeight) { iframe.height = iframe.contentDocument.body.offsetHeight; } else if (iframe.Document && iframe.Document.body.scrollHeight) { //IE iframe.height = iframe.Document.body.scrollHeight + 30; } } }
留言
張貼留言
您好,我是 Lawrence,這裡是我的開發筆記的網誌,如果你對我的文章有任何疑問或者有錯誤的話,歡迎留言讓我知道。