JS脚本应该放在HTML的那个位置?

  1. js了解一下:

      一直以来都是将js文件写在 之前,外部引入的js脚本文件也同样放在这个位置。却只知道一个模糊的大
    
    概原因,现在来深度剖析一下。
    

2.该把js文件放在html那个位置呢?

    首先了解页面结构,浏览器组成的都会明白一点。在我使用Google浏览器访问一个页面的时候,谷歌的webkit页

面渲染引擎 渲染页面之前,需要通过解析html标记来构建DOM树。如果解析器遇到了一个脚本,就会停下来执行这

个脚本,然后才会继续解析html。要是遇到的是一个外部引用的脚本,他就必须停下来等待这个脚本资源的下载,这

样就会降低页面首次的渲染时间。并且引入外部脚本会阻塞浏览器的并行下载,跟图片不一样,浏览器一个只能同时

从服务器并行加载两个脚本,也就是说我们的网站加载脚本的时候,浏览器不会再启动其他任何下载。所以js文件不

管外部的还是本页面的我一般都是会写或引入在之前。
    
    但是里,也并不是都一股脑的放在head里面就是了,看一下一些大的网站很多脚本还是会放在头部的,这里涉及

到一个新的属性:async(只限于外部脚本的引入)。自行百度去吧。。
  
    还有的就是一些不得不引入到头部的脚本,比如说jquery必须放在jquery代码之前才能保证代码的正常运行,这总不能引入到body里面吧

你可能感兴趣的:(JS脚本应该放在HTML的那个位置?)