码迷,mamicode.com
首页 > 其他好文 > 详细

如何抽离、引用公共部分页面

时间:2019-05-18 12:28:55      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:导入   bsp   tle   --   lex   背景   nbsp   函数   das   

如何抽离、引用公共部分页面

如何抽离、引用公共部分页面.
产生背景:
最近,需要新开发一个jq官网项目。在做项目的时候经常会遇到一样的头部和底部,如果每个页面都复制一遍,不仅工作量大而且万一需要修改一下文章就更麻烦了,这时候就需要我们把公共部分提取出来,等需要的时候再引入页面。所以先考虑做的抽离页面,然后引用,这样可以自由拼凑,方便复用。

页面抽离及引入:
使用jQ的load函数(公司项目一直用的JQ,出于兼容性原因)

<!--在引入页面-->
<div class="footer"></div>
/导入脚部页面/

$(document).ready(function(){

$(".footer").load(“page/footer.html”);

});


<!–抽离footer.html页面,做被引入页面–>

<footer>

<ul class=“g-flex”>

<li><a href="#">活动XXX</a></li>

<li><a href="#">列表XXX</a></li>

<li><a href="#">产权XXX</a></li>

<li><a href="#">我们XXX</a></li>

</ul>

</footer>

 

如何抽离、引用公共部分页面

标签:导入   bsp   tle   --   lex   背景   nbsp   函数   das   

原文地址:https://www.cnblogs.com/mica/p/10885294.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!