function ready(fn) {
if (document.addEventListener) {
//标准浏览器
document.addEventListener('DOMContentLoaded', function () {
document.removeEventListener('DOMContentLoaded', arguments.callee, false); //注销事件，避免反复触发
fn(); //执行函数
}, false);
} else if (document.attachEvent) {
//IE浏览器
document.attachEvent('onreadystatechange', function () {
if (document.readyState == 'complete') {
document.detachEvent('onreadystatechange', arguments.callee);
fn();
}
});
}
}
ready(function () {
$("#header").load("./view/blocks/header.html");
$("#navBar").load("./view/blocks/navBar.html");
$("#footer").load("./view/blocks/footer.html");
})
在dom加载后，资源加载前执行。使nav head等渲染更快
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- CSS加载问题 css加载会不会阻塞DOM树的解析? css加载会不会阻塞DOM树的渲染? css加载会不会阻塞后...
- 最近做一个项目需要用到前端插件处理视频,中间有一个操作DOM的过程,但是执行时发现HTMLCollection为空...
- 最近在写一个动态菜单。即，根据用户角色权限生成菜单选项。动态菜单采用js进行html代码拼接，再append到相应...
