最近在写一套网站,发现每次都引入公共头部和尾部 特别麻烦 代码还多 我就找到了一种方法
第一种就是用的jqery的 load 方法 也是公认最好的方法
$("#header").load("page/header.html");
参考代码
<body>JavaScript
<div id="header"></div>
<div id="footer"></div>
<script>
$("#header").load("page/header.html");//load 方法参数是引入公共文件的路径
$("#footer").load("page/footer.html");
</script>
</body>
但是这个方法有个弊端 就是会出现跨域
如果出现下面的报错信息 就是出现了跨域问题
No 'Access-Control-Allow-Origin' header is present on the requested resource;
是因为load用的ajax,跨域会报错。如果是本地file测试,不要用webkit核心浏览器如chrome,否则要发布网站通过http协议访问
但是有解决办法
<