Question

我尝试在对象元素（type =“text / html”）中调用document.open/write/close序列。在Safari / Chrome中，我可以通过contentDocument属性获取内部文档对象。示例代码（使用jquery）：

$(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错误，我失败了。任何其他方式来实现这一目标将不胜感激。

Answer 1

这对你有用。我不知道为什么（我只是怀疑）。

$(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);
});

Answer 2

HTML5中不推荐使用Object元素，因此您将无法再使用它了。

JavaScript：如何检索HTML对象标签的文档对象？

2 个答案: