javascript - 在 iframe 中放置通用菜单以从单个位置加载的任何通用方法

Question

我的网站有一个通用的水平菜单，我想将其放入一个 html 文件中，这样我只需在一处更改它。

我的解决方案是将菜单放入 iframe 中，并在主页中有一个 DIV id=menu 。在 menuFrame html 中，我有一个加载:

    <script language="JavaScript">
    function doLoad() {
        window.parent.document.getElementById("menu").innerHTML = document.body.innerHTML;
    }
    </script>

这在 IE、Safary、Mozilla 中工作正常，但在 Chrome 中不行。

有什么想法吗？

Answer 1

出于与可用性和浏览器支持相关的各种原因；更好的选择是总是不使用 iframe 来实现此目的；而是使用服务器端语言(如 PHP)将菜单包含在页面文本中。或类似的。

如果(偶尔会发生)您的主机不支持 PHP，那么是时候切换托管服务了。

至于代码本身，非常简单:

<?php include '/path/to/menu.html' ?>