需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、新建index.js文件,将内嵌js内容添加到index.js文件中。
3、在index.html的head标签中新增引用代码:<script src="index.js"></script>。
4、浏览器运行index.html页面,此时成功引入index.js并调用其内容。
原因:
浏览器是单线程的,如果放在头部,浏览器会先加载script文件并执行,此时会形成一个阻塞,影响后续的dom文件的加载和执行。
缺点:
避免措施:
注意:
虽然说将外部引入的js引用放在 body 末尾处,不过也是有顺序的,需要将一些 依赖文件放在前边 ,
例如jquery文件需要放在前边,这样后边函数中使用$才不会报错。
window.addeventlistener('load',function(){var script=document.createElement('script')
script.src='url'
document.getElementsByTagName("body")[0].appendChild(script)
})