jquery实现静态html文件的include效果

其实这个主题在之前的一篇文章http://www.cnblogs.com/medal/archive/2008/07/17/1245141.html中用ajax xmlHttpRequest已经实现了，对比了下，Jquery实现起来简单多了，存个档。

 

直接调用jquery的get方法调用远程页面，代码就这样：

<script type="text/javascript" src="jquery-1.2.6.js"></script>

<script type="text/javascript">
$.get("top.html",function(data){
$("#top").html(data);
});

$.get("foot.html",function(data){
$("#foot").html(data);
});         
</script>

就这样把上面的代码加在<title></title>中就能做模板页面了，不过会有断码现象，乱码就两个原因造成的，一个代码的编码，一个就是文件的编码了，每个文件的两种编码格式都要统一，代码编码是我们可以自己指定的，一般不是GB2312就是utf-8,最好是utf-8，因为文件的编码一般都是utf-8，统一代码的编码可以在<title>之前指定

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

也可以通过在dreamweaver 中的菜单“修改”-》“页面属性”--》“标题/编码”来修改，修改文件的编码就更简单了，用记事本打开页面，选择另存为，在另存为对话框中文件名的下面有编码下拉框，选择utf-8就好。

     学得深一点，看得远一点，效率就高两点，要找知道jquery有这么强悍的功能，就不用花那么多时间去发送xmlhttprequest请求远程文件了。