美文网首页JavaScript学习笔记,学习指南web开发技术文章
js的script标签到底是放在head还是body中?

js的script标签到底是放在head还是body中?

作者: 光小月 | 来源:发表于2016-09-18 16:21 被阅读3786次

本文收集并整理了一些网上的回答,在此就不便每一个都给链接了。

js可以分为外部的和内部的。
外部的js一般放到head内

内部的js

内部的js也叫本页面的JS脚本,
内部的js一般放到body内,这样做的目的有很多,

  1. 不阻塞页面的加载(事实上js会被缓存);
  2. 可以直接在js里操作dom,这时候dom是准备好的,即保证js运行时dom是存在的。
  3. '猫头鹰书'建议的方式是放在页面底部,监听window.onload 或 readystate 来触发js

延伸:

head内的js会阻塞页面的传输和页面的渲染。

head 内的 JavaScript 需要执行结束才开始渲染 body,所以尽量不要将 JS 文件放在 head 内。可以选择在 document 完成时,或者特定区块后引入和执行 JavaScript。

而 CSS 应当写在 head 中,以避免页面元素由于样式缺失造成瞬间的白页或者给用户闪烁感。 ---吴钊


所以在head内的js一般要先执行完后,才开始渲染body页面。为了避免head引入的js脚本阻塞流浪器中主解析引擎对dom的解析工作,对dom的渲染,一般原则是,样式在前面,dom文档,脚本在最后面。遵循先解析再渲染再执行script这个顺序。 ---知乎用户

相关文章

  • JS基础

    js课程 js代码需放在script标签里面,可以放在head里,也可以放在body里面,还可以放在任意的标签里边...

  • JS相关概念

    1.CSS和JS在网页中的放置顺序是怎样的? CSS放在head中;JS使用script标签放在body中的最后面...

  • 进阶1

    css和js的放置顺序 css放在head中js放置于body最后面的script标签中 白屏问题 如果把样式放在...

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的? css样式放在head中。 js放置在body标签内的最后,script...

  • 任务1

    CSS和JS在网页中的放置顺序是怎样的? css标签放在head标签中 JS放在body标签中 之前,写在 标签...

  • js的script标签到底是放在head还是body中?

    本文收集并整理了一些网上的回答,在此就不便每一个都给链接了。 js可以分为外部的和内部的。外部的js一般放到hea...

  • 使用jQuery实现classList以及setText

    首先在head或者body中添加script标签,src指向jquery.js或jquery.min.js文件的地...

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的? CSS一般放在head标签里,JS一般放在body闭合标签之前,body...

  • 进阶任务一

    一 CSS 和 JS 在网页中的放置顺序是怎样的? css 样式放在 head 中 js 放在 body 标签内的...

  • js语法

    一、CSS和JS在网页中的放置顺序是怎样的? css放在head标签里。 js放在body标签的最后。 二、解释白...

网友评论

  • a0ce53163896:head里面主要是用来动态执行的方法,默认只会加载,不会执行,需要通过body里面的一些方法触发执行。所以变量的初始化等都不能放到head里面,要放到body里面。

本文标题:js的script标签到底是放在head还是body中?

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