你能链接到HTML文件吗?

前端之家收集整理的这篇文章主要介绍了你能链接到HTML文件吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的网站始终使用相同的导航菜单,而不是为每个页面重写HTML代码,我可以像使用CSS一样链接到第二个HTML文件(包含导航HTML代码)吗?或者这会产生问题吗?

解决方法

简单的方法是将标题部分放在一个单独的html文件中.

现在使用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>

猜你在找的HTML相关文章