ajax引入html_HTML 引入 公共的头部和底部

最近在写一套网站，发现每次都引入公共头部和尾部 特别麻烦 代码还多 我就找到了一种方法

第一种就是用的jqery的 load 方法 也是公认最好的方法

   $("#header").load("page/header.html");

参考代码

<

但是这个方法有个弊端 就是会出现跨域
如果出现下面的报错信息 就是出现了跨域问题

No 

是因为load用的ajax，跨域会报错。如果是本地file测试，不要用webkit核心浏览器如chrome，否则要发布网站通过http协议访问

但是有解决办法

• 就是把公共的HTML文件放在服务器中就可以了
• 在公共文件中 html，head，body这种标签，要去掉

iframe 标签的方法
参考代码

<

src 就是引入文件地址
注意：
body{margin:0; padding:0;}
要去除默认样式 要不然会有留白。
这两种就可以解决问题了 其他的都太坑了
编写不易 给小编的赞同吧
小编会发一些常用的前端技能 关注我才会看到呦
不明白的可以在底下评论 我再解释