赣州建站资讯网

为消费者提供更优质的体验

HTML引用公共的页眉头部header.html文件和尾部footer.html文件

主要是这一块:

<body>
    <div id="page1"></div>
    <div id="page2"></div>
    <script>
          $("#page1").load("page/Page_1.html");
          $("#page2").load("page/Page_2.html");
    </script>
</body>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>demo演示</title>
	<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- 顶部导航 -->
<div class="headerpage"></div>
<!--顶部导航 over-->	

<!--中部主体-->	
	<p>···代码省略···</p>
<!--中部主体 over-->  

<!--footer-->  
<div class="footerpage"></div>
<!--footer over-->

<script src="js/jquery.min.js"></script>
<script>
	$(function(){
		/*公共部分
		 * 导航栏
		 * footer CopyRight
		 */
		$(".headerpage").load("header.html");
		$(".footerpage").load("footer.html");
	});
</script>
</body>
</html>


把头部,底部等公共部分分离出来就可以。




- END -
声明:文字图片等素材除标明原创外均来源于网络,如有侵权,请及时告知我们,我们将在最短的时间内删除!

相关推荐

微信公众平台:圆狐创意

关注圆狐创意微信公众平台浏览最新资讯

更多媒体及商务合作

QQ:295939675   或  至电:198-6662-0460