如何控制嵌入式 <OBJECT> 的布局？答案

【问题标题】：How can I control the layout of an embedded <OBJECT>?如何控制嵌入式 <OBJECT> 的布局？
【发布时间】：2010-11-09 05:02:00
【问题描述】：

Page1.html 有

<html><head>
</head>
<body>
[<span class="foo">span unchanged</span>]
<script type="text/javascript">
    var a = document.getElementsByClassName('foo').item(0);
    var synth = '<object data="http://localhost/~bruceaxtens/Page2.html">Page2.html not found</object>';
    a.innerHTML = synth;
</script>
</body>
</html>

所以有方括号应该包含将由Page2.html返回的文本

Page2.html 包含

<html>
<head></head>
<body>
<script type="text/javascript">
document.write("Hello World");
</script>
</body>
</html>

然而，我得到的是页面顶部的“Hello World”和下方几英寸的括号。

有没有办法让两者保持在一起？

【问题讨论】：

在您的第一个示例中：脚本标签属于或元素。
@zzzzBov：真的有那么大的不同吗？
如果您按照标准编写代码，您就不必怀疑错误是您自己造成的，还是浏览器兼容性问题。这也意味着您将来不必担心代码被破坏。
@zzzzBov：中肯的评论。搬家了。
@zzzzBov：但是，在这种情况下没有区别。

标签： javascript dom object-tag

【解决方案1】：

我这样回答自己：

不要返回 HTML 并在不同浏览器中处理 OBJECT 时遇到问题，而是交回 Javascript 并在客户端 DOM 的上下文中执行它。

【讨论】：