美文网首页我爱编程
JS脚本应该放在HTML的那个位置?

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

作者: writeanewworld | 来源:发表于2018-05-24 18:50 被阅读0次
  1. js了解一下:

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

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

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

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

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

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

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

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

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

相关文章

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

    js了解一下: 一直以来都是将js文件写在 之前,外部引入的js脚本文件也同样放在这个位置。却只知道一个模糊的...

  • js加载执行

    js性能--加载执行 [TOC] 加载脚本的方式 脚本位置 HTML4规范指出,< script >标签可放在< ...

  • JavaScript入门篇

    引用JS外部文件 JS在页面中的位置 javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览...

  • js笔记.md

    用法 JS内部引用 引用JS外部文件 注意: javascript作为一种脚本语言可以放在html页面中任何位置,...

  • javascript1000题

    HTML与Js script标签都可以放在什么位置,有什么区别。 什么是延迟脚本。 什么是异步脚本。 怎么在XHT...

  • JavaScript入门(一)

    js入门 js位置: javascript可以放在html中任何位置,但一般放在head或body部分 放在hea...

  • 初学JavaScript(js基础)

    一、将脚本放在哪里 脚本可以放在html页面的两个位置:脚本总是需要包围在 和 的html标签之间。1. 和 标签...

  • 2017-03-04 JS 学习笔记

    变量 HTML 中的脚本必须位于 标签之间 JS 书写的位置:脚本可被放置在 html 页面的 和 部分...

  • 前端js学习之旅之 认识js

    1:JavaScript代码的位置 html中的js代码必须放在script标签里面,可以放在HTML...

  • js语法

    1.CSS和JS在网页中的放置顺序是怎样的? 将CSS link标签放在html文档靠前位置。JS代码放在html...

网友评论

    本文标题:JS脚本应该放在HTML的那个位置?

    本文链接:https://www.haomeiwen.com/subject/lvasjftx.html