$("#body_center").css("display", "none");
$("#header").load('../header.html'+new Date(), function () {
console.log("hhhhh");
$('#header').load('../header.html');
// header_js();
$("#body_center").css("display", "block");
$.getScript("./js/index.js", function () {
console.log("导入成功");
header_js();
})
//加载公用的html
$("#footer").load('../footer.html');
$("#fixedBox").load('../fixedBox.html');
})
function load() {
$.ajaxSetup({ cache: false });
}
//吐槽
实际上$.load函数的使用,是使用了ajax远程请求数据的应用。
所以使用时,不是很简单的导入某个文件。正确用法还需详细查阅api
由于没有查阅仔细。中途在实际项目应用中,出现了诸多的坑。
1.需要在开启服务后,$.load才会执行,有个url地址参数值,默认localhost,远程的话,写上相应的ip。
2.IE兼容下$.load是不能执行的。原因很多。在url后添加个实时更换的时间戳可以兼容ie执行
3.还是ie兼容下的问题,当我们很辛苦的让load在ie下执行后,虽然加载了html文件,但是里面的js却不执行
!!尼玛。。用了$.getScript动态获取js标签,也不执行!!!尼玛。于是就想了上面的招,header_js 函
数就是我们load 了header 内容后死活执行不了的js。
注释:里面的dispaly none 和block的切换主要为了网页的头部中部尾部的一个上中下的加载顺序。