该嵌入 HTML 的对象不会在 IE 中呈现

Question

首先，我要声明我的网络编程技能非常有限。

我希望我能得到一些帮助来尝试让这个目标代码正常工作。

我经营一家 eBay 商店，有多个商品列表。我想出了一个想法，如果我可以为左侧（针对不同的产品）创建一个导航菜单作为独立的 html 文件，并以某种方式获取该数据并将其包含在每个列表中，这意味着我可以简单地更新该文件和我的所有列表都将有一个更新的导航菜单。

该代码似乎在除 IE 之外的所有浏览器中都能正常运行。这是我使用的代码：

<div id="object">
<object id="Menu" name="Menu" type="text/html" data="http://www.website.com.au/menu.html"></object>
</div>

我真的不确定我需要做什么才能让它在 IE 中正常工作。说实话，我真的不太明白这一点。

请温柔一点，因为我非常渴望学习。在开始自己的生意之前，我几乎没有任何网页设计技能，我觉得仅仅通过从这样的网站学习我就已经取得了很大的进步。

非常感谢您提前。

编辑：我决定测试没有“text/javascript”部分的页面。我只是将对象元素留在了 DIV 中。我只留下这段代码：

<object id=Menu name=Menu type="text/html" data="http://www.website.com./menu.html"></object>

这在除 IE 之外的所有浏览器上都能完美运行。我显然不知道我需要使用哪个代码。我认为需要“text/javascript”部分才能从外部页面调用 HTML 代码。

编辑2：我发现一些信息表明IE可以支持嵌入HTML的对象元素，但需要“classid”标签。我还用以下内容包装了两个不同的版本：

"<!--[if IE]>"... <!--[if !IE]> <!-->... etc.

但是，这仍然不起作用。

我还尝试使用相同的代码（不同的源 HTML 文件除外）拉入菜单的另一部分（顶部/水平）。

此代码在除 IE 之外的所有浏览器中也可以完美运行。奇怪的是 IE 试图将应该位于左侧的菜单放入顶部部分，即使没有代码表明它应该这样做......？

在嵌入的 html 中包含样式信息而不是单独的样式表会导致 IE 出现问题吗？这不会对所有其他浏览器造成问题。当然，我计划在它正常工作后将其分开。

为了澄清我的要求，假设我有 100 个 eBay 列表，每个列表都有一个自定义的左侧导航菜单。如果我更改该导航菜单，我将需要进入每个列表并手动编辑代码（复制和粘贴）以更新菜单。因此，我想保留一个仅包含菜单的外部 HTML 文件，然后使用对象标记或类似的内容将该信息动态拉入每个列表中。

请注意，eBay 不允许 iFrame，所以我真的需要一个替代方案。有什么建议吗？

我很乐意付钱给网络开发人员来解决这个问题或为我指出正确的方向，但我不确定关于这种类型的脚本该联系谁。

Answer 1

首先，您是否收到错误消息？查看此内容以及消息指向的代码行总是有用的，您甚至可以自己解决问题。

其次，您不能（或者更确切地说：不应该）将字符串分成多行。正如您所看到的，语法突出显示变得混乱，IE 的 JavaScript 引擎也是如此。如果您想将长字符串文字分布在多行上，请关闭并连接每个部分，例如：

element.innerHTML = '<object id="Menu" name="Menu" type="text/html"' +
                    'data="'+which.href+'"><\/object>';

第三，您不应该更改 document 的 innerHTML，但是您要更改的元素的名称。使用 document.getElementById 来实现：

document.getElementById("object").innerHTML = '…';

第四，我认为你的方法是完全错误的：不要使用 JavaScript 动态添加菜单，而是使用 PHP 等服务器端脚本来动态插入导航菜单和之类的。如果 JavaScript 不可用（例如，对于多个搜索引擎和视力障碍者），用户或机器人将看不到您的菜单，这当然是一个可怕的缺点。

第五，我认为在继续之前你真的应该读一本关于 JavaScript 的好书。只是我的 0.02 欧元。

Answer 2

您似乎正在尝试更新文档对象本身的内部 HTML - 该对象保存整个页面，包括 eBay 信息。

此外，document 对象实际上从未显示 - document 应该有一个 body 属性，其中包含页面的实际可见 HTML，您应该更新它（可能不仅仅是用您的文本替换它，而是以某种方式添加到它）。

通常，人们会在 HTML 中找到想要将菜单放入其中的部分 - 例如，假设您的所有项目的描述中都有此 HTML：

<div id="menu_object"></div>

然后您可以通过找到 DIV 来添加一些 HTML元素并替换为其内部 HTML（而不是整个文档的 HTML）：

function addMenu(which) {
    var myDiv = document.getElementById("menu_object");
    myDiv.innerHTML = '<'+'object id="Menu" name="Menu" type="text/html" data="'+which.href+'"><\/object>';
}

我不太明白问题的最后几段，但这不是“ActiveX”，Internet Explorer 可能会抱怨您试图覆盖文档的全部内容。 “ActiveX”是一种技术，允许人们用 C 编写程序，当您尝试访问某些网站时，这些程序在浏览器内运行，但由于不安全和其他问题，目前尚未使用。

编辑： Laslty，您真正的问题可能是 IE 不允许在 HTML 内容中嵌入对象。使用 IFRAME 标记而不是 OBJECT 标记来托管外部 HTML 内容（带或不带 javascript 初始化）可能是更好的主意。只需确保设置 iframe 对象的宽度和高度，因为 iframe 不会自动扩展以适应内容，并且默认大小可能不适合您。

Answer 3

问题是 IE 对对象标记中的数据发出 HEAD 请求，但您的服务器设置为仅接受 GET 请求。

约翰