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

詳細說明與法如下
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，這裡是我的開發筆記的網誌，如果你對我的文章有任何疑問或者有錯誤的話，歡迎留言讓我知道。