html公共部分(如:header、footer、架构样式相同)引用
常用以下方式引入
- iframe 引入
- PHP/ASP.NET——include 引入
- 通过jquery请求的方式引用
- 通过的方式引用
- Clam方式引入
目录
常用以下方式引入
方法一:iframe
引入:
缺点:
方法二:include方式
方法三:JS引入
方法四:clam
总结
方法一:iframe
引入:
- 在需要插入的地方写入以下内容,地址为你的公共页面所在地址;
方法一:
缺点:
iFrame的方式缺点在于页面结构的杂乱、不易被搜索引擎搜索、导航链接等等问题,因此,大家普遍寻找其他的替代方法。
方法二:include方式
- 将写好的header.html公共页面准备好;
- 在需要引用的页面中对应的地方插入;
方法三:JS引入
- 利用js(jQuery)或ajax从服务器上取回需要的公共页面然后插入页面。
用法:$("#myDiv").load(“url”,params) example:var test={ "type1":"paramer1","type2":"paramer2"}; $.ajax({ url:'myTest.php', type:'post', dataType:'html', data:parames, error: function(){alert('error');}, success:function(data){ $("#myDiv").html(data); } });
方法四:clam
Clam开发出来的功能之一就是 构建 模块化的 前端 项目,其余的功能更是强大,暂且不提,详见: https://www.npmjs.org/package/clam。
Clam的使用首先需要安装nodejs,然后使用npm安装:
npm -g install clam
总结
其他的几种方法后期继续补充。