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

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