#JQuery方法
<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，跨域会报错。如果是本地文件测试，不要用webkit核心浏览器如chrome，否则要发布网站通过http协议访问。
解决办法
- 把公共的HTML文件放在服务器中
- 公共文件中 html，head，body标签，需要取出
#其他 iframe 方法
<head>
</head>
<body>
<div id="header">
<iframe align="center" width="100%" height="170" src="header.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div id="fotter">
<iframe align="center" width="100%" height="170" src="fotter.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</body>