script标签位置

页面加载过程

1、浏览器请求html代码,然后并行发起image,css,js下载请求(无论在不在head里).包括display:none的节点,因为这个时候样式还没有生效.

2、读取css样式。

3、html文档解析,把html和css结合起来。

4、解析并执行脚本代码,加载图片等外部文件

5、加载完毕

script位置问题

其实浏览器解析你的html是从头到尾一步步来的,有那么几种放script标签的方式

1、head内

head内一般是引入外部的脚本，放在一起容易管理。而且JavaScript 代码都被下载、解析和执行完成以后，才能开始呈现页面的内容

在head中时，所代表的functions只加载而不执行，执行是在某一事件触发后才开始。

2、body中

在body中时，js直接加载并执行。而且为了出现浏览器一片空白的问题，现代Web应用程序一般都把全部JavaScript引用放在body中，放在页面的内容后面。这样就感觉到打开页面速度加快了。

建议

外链放在head里，自己写的放在body内，当然用yeoman(骨架生成器)的话自动会提示你script放在什么地方