0

我尝试在对象元素（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 错误，我失败了。实现这一目标的任何其他方式将不胜感激。

4

2 回答 2

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);
});
于 2013-03-27T10:24:29.590 回答
1

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

于 2015-06-27T17:52:58.957 回答