JavaScript：如何檢索HTML對象標籤的文檔對象？

我嘗試在對象元素（type =「text/html」）內調用document.open/write/close序列。在Safari/Chrome中，我可以通過contentDocument屬性獲取內部文檔對象。示例代碼（使用jQuery）：JavaScript：如何檢索HTML對象標籤的文檔對象？

$(document).ready(function() { 
    var container = $('<object/>') 
    .css({'width': '700px', 'height': '100px', 'border': '0px none'}) 
    .attr({'type': 'text/html'}).appendTo('body'); 

    var doc = container.get(0).contentDocument; 
    doc.open(); 
    doc.write('<h1>Hello world!</h1>'); 
    doc.close(); 
});

有沒有辦法做到在其他瀏覽器一樣的嗎？

我想做這種奇怪的事情的原因是我需要在DOM關閉後調用包含document.write的外部腳本。我已經嘗試過處理iframe，但是由於Internet Explorer和Opera錯誤，我失敗了。任何其他方式來實現這一目標將不勝感激。

來源

2013-03-26 pamelus

什麼錯誤？並且該對象的src是最初相同的原點嗎？ – mplungjan 2013-03-26 18:05:10

http://stackoverflow.com/questions/1736886/why-wont-this-javascript-using-document-open-and-document-write-work-in-inter Bobince評論解釋了錯誤。 IE9仍然受到影響，最終可能會崩潰。 – pamelus 2013-03-26 18:15:22

這應該適合你。我不知道爲什麼（我只有我的懷疑）。

$(document).ready(function() { 
    var container = $('<object>') 
     .css({ 
      'width': '700px', 
      'height': '100px', 
      'border': '0 none' 
     }) 
     .attr({ 
      'type': 'text/html', 
      'data': 'about:blank' 
     }) 
     .appendTo('body'); 

    function writeToDoc() { 
     var obj, doc; 
     obj = container.get(0); 
     if (obj.document) { 
      doc = obj.document; 
     } else if (obj.contentWindow) { 
      doc = obj.contentWindow.document; 
     } 
     else if (obj.contentDocument) { 
      doc = obj.contentDocument; 
     } 
     if (doc) { 
      doc.open(); 
      doc.write('<h1>Works!</h1>'); 
      doc.close(); 
     } else { 
      $('body').append('<h1>No luck...</h1>'); 
     } 
    }; 

    // yes, this is weird 
    setTimeout(writeToDoc, 0); 
});

來源

2013-03-27 10:24:29 mYsZa

對象元素在HTML5中已棄用，因此您將無法再執行此操作。

來源

2015-06-27 17:52:58

JavaScript：如何檢索HTML對象標籤的文檔對象？

回答

相關問題