我的网站始终具有相同的导航菜单,而不是重写每个页面的HTML代码,我可以像使用CSS一样链接到另一个HTML文件(包含导航HTML代码)吗?还是会产生问题?
简单的方法是将标题部分放在单独的html文件中。
现在使用load
类似jQuery的函数以html代码加载此文件
$("#headerDiv").load("header.html")
知道,这将需要Web服务器,因为加载功能会将请求发送到服务器。
查看代码示例:
demo.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$(function(){
$("#headerDiv").load("header.html");
});
</script>
</head>
<body>
<div id="headerDiv"></div>
<!-- Rest of the code -->
</body>
</html>
header.html
<div >
<a>something</a>
<a>something</a>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句