作者tooto1985 ( )
标题Re: [问题] 抽出页面中不会变动的部分的语法
时间Tue Jun 10 11:31:07 2014
※ 引述《imflying (Fly)》之铭言：
: 最近正在学着如何将网站各页面固定不会变动的部分抽出来弄成另一个档案，
: 像是head、footer之类的地方另外存成head.html footer.html，
: 各个页面再去读取这两个档案，之後要修改这两个地方也不用每页一一修改这样。
: 不过看到大多数人都是使用php语法中的include / require 来读取抽出来的页面，
: 但这样每个页面就都必须存成是.php的档案，
: 想请教是否有其他方法是不需要使用php语法，
: 单纯使用 HTML 语法就能达到载入其他页面的效果呢？
//JavaScript
$(function() {
$.ajax({
url: "header.html",
success: function(html) {
$("#header").html(html);
}
});
});
这样就可以解决你的问题了，但请注意：
chrome不准许存ajax取本机档案 (ex: file://c:\xxx\xxx 不行，要改用
http://localhost/xxx/xxx.xxx 这样)
IE和firefox则无此限制
补充：任何web server都可以，纯粹是chrome的安全性限制。
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.161.7.54
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1402371070.A.88F.html
※ 编辑: tooto1985 (218.161.7.54), 06/10/2014 11:51:05
1F：推 up9cloud:js的话，建议imflying直接angular.js开发吧，XD~ 06/10 12:19
2F：推 imflying:好的，谢谢您！也感谢楼上，我再试试看！ 06/10 18:40
3F：→ iceblue7x:$("#header").load('header.html'); ← 更简洁 06/10 22:54