Question

我在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。我想在登录div被隐藏时（登录后）显示注销，当我点击注销时，我希望隐藏我的注销链接并显示登录div。因为它们都是不同的html，所以我想知道我们如何同时做到这一点。现在这个功能正常，但我需要刷新页面。 window.location.reload也没用。是否有更简单的方法同时在多个html中执行隐藏/显示操作。

Answer 1

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

<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>

既然您已在同一窗口中拥有所有标记，请使用jQuery随意执行任何操作。

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

1 个答案: