[JavaScript知识库]html公共部分（如:header、footer、架构样式相同）引用

常用以下方式引入

1. iframe 引入
2. PHP/ASP.NET——include 引入
3. 通过jquery请求的方式引用
4. 通过<！--#include virtual="header.html"-->的方式引用
5. Clam方式引入

目录

常用以下方式引入

方法一：iframe

引入：

缺点：

方法二：include方式

方法三：JS引入

方法四：clam

总结

方法一：iframe

引入：

1. 在需要插入的地方写入以下内容，地址为你的公共页面所在地址；

   方法一：
   <iframe?src="http://baidu.com/"?width="";?height=""?frameborder="0"?scrolling="no"?></iframe>?

缺点：

iFrame的方式缺点在于页面结构的杂乱、不易被搜索引擎搜索、导航链接等等问题，因此，大家普遍寻找其他的替代方法。

方法二：include方式

1. 将写好的header.html公共页面准备好；
2. 在需要引用的页面中对应的地方插入；

方法三：JS引入

1. 利用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 ?

总结

其他的几种方法后期继续补充。