您的位置：首页 > Web前端 > JavaScript

js引入公共头部和尾部

2018-01-17 18:24 330 查看
index.html

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
nishuone 
<div class="aa">

</div>
</body>

</html>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

   $(".aa").load("f_bottom.html");

});

</script>

f_bottom.html

两种形式都可以  建议第一种

<!--<style type="text/css">
#f_box{
font-size: 50px;
color: red;
}

</style>

<div id="f_box">

<div class="f_line"></div>
<p>版权所有 © 礼拜五  保留所有权利 | 沪ICP备12042163 </p>
<p>礼拜五  纵享品质 </p>

</div>-->

<!doctype html>

<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
#f_box{
font-size: 50px;
color: red;
}

</style>

</head>

<body>
<div id="f_box">

<div class="f_line"></div>
<p>版权所有 © 礼拜五  保留所有权利 | 沪ICP备12042163 </p>
<p>礼拜五  纵享品质 </p>

</div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航