javascript在html中引入的不同位置的作用

ttt.png

一般：

• 知名的第三方依赖（如jQuery/AngularJS/Bootstrap），放在1——header里。（尤其在使用那些知名库的公库url后，在特定地域内加载速度有保证）
• 自写的纯逻辑代码（没有引用可见标签的），放在2——body标签的顶部
• 界面逻辑相关代码，放在3——确保被引用标签已经被浏览器创建存在。

加载固定内容的脚本，可以前置到文档头部。 浏览器的dom按读取到标签顺序解析并执行，所以脚本引用前置使其尽早加载，有加速效果（尤其浏览器首次打开网页，且网页内容较大或者网速不佳时）