html 子页面怎么引用另一个页面的DIV内容？

Posted 2023-04-30

例如我建了个静态网页，首页index里写好了个id=dh1的导航栏DIV，现在我想在其他子页面里zw1,zw2等子页面里也引用这导航栏,到时要修改时，我只需修改首面里的就可以了。本人是小白，不要说原理，希望哪位大侠直接帮我写出来! 最好用jQuery写，万分感谢。

1、新建一个dh.js文件
2、把通用导航代码写到js中。如果html代码转js自己不会写，自己搜一下，网上有在线转换的。
3、每个html文件在相应位置，调用这个js代码。<script src="dh.js"></script> 参考技术A

在子页面需要插入导航栏的地方加一个：

<div id="dh"></div>

然后在js中添加以下代码：

$(function()
    $("#dh").load("index.html #dh1");
);

追问

试了下，不行啊，你看下是不是哪里有出错

追答

我这里测试是完全没问题的。你提供的信息有限，我也没法提出具体意见

追问

$(function()
$("#dh").load("index.html #dh1");
);

是这样的吗，我这边弄好什么也没显示啊

用js怎么像按F5那样重新加载页面中一个div里面的内容呢？而页面不会再次刷新，只重加载这个div里面的内容

index.html页面中的一个div，让它重新向服务器取得内容

使用AJAX技术
如果使用jquery框架，则类似这样写法：$('#divId').load(url); 参考技术A <div id="div1"></div>
<script language="js">
function fun()
div1.INNERHTML="new content";

// you can call "fun()" anytime you need.
</script> 参考技术B 当前页面：current.html;
<div id="cur">
<script language="javascript">window.location.href="current.html";</script>
</div>