Javascript 通过jquery从另一个html更改html的div内容

我正在index.html中使用iframe标记。下面是代码

<iframe src="header.html" height="100px" scrolling="no" width="1335px"
        style="position: absolute; top: 0px;"></iframe>
    <iframe src="menu.html" height="500px" scrolling="no" width="250px"
        style="position: absolute; top: 103px;"></iframe>
    <iframe src="body.html" height="500px" scrolling="no" width="1083px"
        style="position: absolute; top: 103px; left: 260px"></iframe>
    <iframe src="footer.html" height="100px" scrolling="no" width="1335px"
        style="position: absolute; top: 605px;"></iframe>

我的登录div在menu.html中，注销在footer.html中。我想在login div隐藏时显示logout（登录后），当我单击logout时，我想隐藏我的logout链接并显示login div。因为它们都是在不同的html中，所以我想知道我们如何能同时做到这一点。现在这个功能正在工作，但我需要刷新页面。 此外，window.location.reload也没有用处。

---

有没有更简单的方法可以同时在多个html中执行隐藏/显示操作。

如果您确实必须将此内容保存在单独的文件中，并且打算对每个文件进行单独调用，请尝试以下方法：

<div id="header" style="height: 100px; width 1335px; overflow: hidden; position: absolute; top: 0px;"></div>
<div id="menu" style="height: 500px; width 250px; overflow: hidden; position: absolute; top: 103px;"></div>
<div id="body" style="height: 500px; width: 1083; overflow: hidden; position: absolute; top: 103px; left: 260px;"></div>
<div id="footer" style="height: 100px; weight:1335px; overflow: hidden; position: absolute; top: 605px;"></div>

还有一些jQuery是这样的：

<script>
$(document).ready(function() {
   $("#header").load("header.html");
   $("#menu").load("menu.html");
   $("#body").load("body.html");
   $("#footer").load("footer.html");
});
</script>

$（文档）.ready（函数（）{
$（“#header”）.load（“header.html”）；
$（“#menu”）.load（“menu.html”）；
$（“#body”）.load（“body.html”）；
$（“#footer”）.load（“footer.html”）；
});

---

既然所有标记都在同一个窗口中，那么可以使用jQuery对其执行任何操作。

您好，虽然您的要求是可能的，但我必须告诉您，您应该强烈考虑放弃iframes解决方案，除非您有一些非常特殊的需要？如果使用服务器端语言处理主页，则可以轻松地将每个单独文件的内容包含在HTML主页中，而无需iFrame。这样，就有了一个文档，您不必处理跨帧操作？如果你拥有所有这些页面，那么你到底为什么要使用iFrame？如果试图在它们之间编写脚本，它们只会让你非常头疼。在问题中，最好使用div来命名iframe。用div替换iframe不一定那么简单。可能存在ID冲突、脚本冲突等。毫无疑问@leetylor。我只是想让他朝着比使用iFrame更好的方向走。根据问题中提出的内容，这将不会有冲突，至少在加载div之前是如此……而且，id越少越好