如果script标签放在头部,网页内容必须等待所有的Javascript代码下载、解析、执行完毕后才能开始呈现,这样会导致网页打开延迟,不利于用户体验,所以为了使HTML显示不会被脚本加载阻止,可将脚本放在元素的底部改善页面加载。
定义defer属性,脚本就会在整个页面都载入后再执行,这样就不会造成 网页打开延迟。
也可以根据js的作用要放在不同的位置:
(1)放在头部
引用,比如一些函数库,例如常见的JQ库;
(2)放在底部
在内部写的,例如某些需要文档加载完成才开始执行的,document.getElementById();等
*整理于https://www.w3cschool.cn/javascript/question-10231576.html*