爲什麼我的代碼不能在所有瀏覽器中工作？

Question

可能重複：
JavaScript works on Safari 3 but not on newer versions

下面的JavaScript正在與IE瀏覽器而不是在Safari/Firefox中：

function loadframe() { 
    var iframeEl = document.getElementById("ifrm"); 
    if (!iframeEl) { 

     var el = document.createElement('<iframe id="ifrm" width="80" height="80" src=\'<!--EP CLASS="com.epiphany.presentation.ServerURLWriter" ACTION="campaign_segment_load" TEMPLATE="campaign\\campaign_segments" -->\' onload="dw_display(\'ifrm\',\'segmentspn\')" ></iframe>'); 

     document.body.appendChild(el); 
     return true; 
    } 
    return false; 
} 

任何人能發現這個問題？

Answer 1

這只是因爲你錯用了它。

document.createElement預計標籤名稱而不是HTML代碼：

iframe = document.createElement("iframe"); 

https://developer.mozilla.org/en/DOM/document.createElement

http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-2141741547

大教堂2核心規格：

的createElement

tagName of type DOMString 
The name of the element type to instantiate. 

Answer 2

將HTML字符串傳遞給document.createElement()的能力是Internet Explorer的專有功能。其他瀏覽器不允許你這樣做。

一個可能的解決方案是創建一個包裝元素，並將其設置爲innerHTML爲您在那裏的HTML字符串。

function loadframe() { 
    var iframeEl = document.getElementById("ifrm"); 
    if (!iframeEl) { 
     var el = document.createElement('div'); 
     el.innerHTML = '<iframe id="ifrm" width="80" height="80" src=\'<!--EP CLASS="com.epiphany.presentation.ServerURLWriter" ACTION="campaign_segment_load" TEMPLATE="campaign\\campaign_segments" -->\' onload="dw_display(\'ifrm\',\'segmentspn\')" ></iframe>'; 

     document.body.appendChild(el); 
     return true; 
    } 
    return false; 
} 

請注意，你的HTML也無效—你不能有一個屬性內的HTML註釋。

Answer 3

該代碼無效。 document.createElement的參數只能是標記名，例如「iframe」。然後您必須稍後設置屬性。

document.createElement('iframe'); 

它不符合標準的瀏覽器上工作，不會在Internet Explorer 9中工作，請參閱此鏈接：

http://msdn.microsoft.com/en-us/library/ff986077%28v=vs.85%29.aspx