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请求远程文件了。

原文地址:https://www.cnblogs.com/medal/p/1251662.html