1.可用用script标签的async=“async”的属性
写法:
<script scr="d1.js" async="async"></script>
注意事项:是html5新增的属性,适用于谷歌浏览器,火狐,ie9支持(ie6-8都不支持)
2.可用用script标签的defer=“defer”的属性
写法:
<script defer="defer"><script>
注意事项:属性会对脚本延迟,知道页面都加载完成为止,适用于所有的浏览器,
3.可以动态的创建script标签
写法:
function loadScript(url, callback) {
var script = document.createElement('script');
//为ie添加的兼容,监听状态码
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState == 'complate' || script.readyState == 'loaded') {
callback();
}
}
} else {
//加载完成去执行代码 ie中不能使用
window.onload = function () {
callback();
}
}
script.src = url;
document.body.appendChild(script);
}
注意事项:使用与所有的浏览器
4.使用入口函数$().ready
$(document).ready(function(){
console.log("ready1");
})
注意事项:使用与所有的浏览器