script放置最佳位置以及html执行顺序

转载 2016年05月30日 18:01:35

看到知乎上有很多讨论关于javascript位置的文章。所以特意留意了这方面的问题。

首先要了解到的是:

html文件是自上而下的执行方式,但引入的css和javascript的顺序有所不同,css引入执行加载时,程序仍然往下执行,而执行到<script>脚本是则中断线程,待该script脚本执行结束之后程序才继续往下执行。

所以,大部分网上讨论是将script脚本放在<body>之后,那样dom的生成就不会因为长时间执行script脚本而延迟阻塞,加快了页面的加载速度。

但又不能将所有的script放在body之后,因为有一些页面的效果的实现,是需要预先动态的加载一些js脚本。所以这些脚本应该放在<body>之前。

所以,我认为script放置位置的原则“页面效果实现类的js应该放在body之前,动作,交互,事件驱动的js都可以放在body之后”。

关于把<script>标签放置的位置引发的关于html容错性的思考

在网上简单的学过js的教程之后,今天翻了翻犀牛书
  • Tsingsn
  • Tsingsn
  • 2016年07月19日 16:27
  • 703

关于js文件在html页面中放的位置举例说明

自己接触js也很久了,最开始学的时候,写代码没有习惯将js文件和css文件单独写在外面,习惯将所有文件都写在html页面里!那么就有一个问题,js文件写在页面的什么位置?我了解到的是可以写在head里...
  • ZYGG5521
  • ZYGG5521
  • 2015年08月17日 16:14
  • 908

script引用放置位置

理论上来说js标签放在html文档的任何位置都可以,规范起见,推荐放到body结束标签的末尾,包含到body标签内:         // 这里是代码 这样处理的好处是无需担心因页...
  • TianRangDeJieHuo
  • TianRangDeJieHuo
  • 2016年07月04日 09:40
  • 125

<script>标签在html中的位置

明补
  • taiyb
  • taiyb
  • 2014年10月23日 00:08
  • 4152

Javascript放置位置的执行顺序

原文地址:http://blog.csdn.net/dxnn520/article/details/7927461 1.根据实际需要放置代码? 有时候,您实际上需要把代码放置在不同地方以符合代码...
  • tanga842428
  • tanga842428
  • 2016年12月08日 19:32
  • 592

script标签位置的放置

script标签放置位置
  • LU130607021
  • LU130607021
  • 2016年04月30日 21:55
  • 313

jsp页面中script代码放置的位置知识整理

总体来说,如果js中都为方法的话,那么...可以放在....也可以放在....中,否则必须将其放在需要执行的body部分之后 1. 放在head中 这种方式会在页面载人前加载js代码,这样的话,我...
  • pjz90
  • pjz90
  • 2014年03月09日 22:55
  • 1410

【html】link,script

1.  link 标签 功能:指定了 当前文档 和 链接的外部资源的关系,通常用于 链接一个外部样式表(css 文件); 语法:只能定义在 html 的  head 标签内,且可以出现...
  • lihuapiao
  • lihuapiao
  • 2017年02月06日 13:58
  • 568

html button 标签 -- 定义按钮

button标签是成对出现的,以开始,结束可以定义比input内容更丰富的按钮。属性 Common -- 一般属性accesskey -- 快捷键访问方式disabled -- 禁止使用name...
  • zhangrongliang
  • zhangrongliang
  • 2014年10月07日 15:54
  • 290

html设定按钮位置示例

在html中设置一个按钮的位置,可以通过设置margin-left, margin-top这些属性来实现,如我们要将一个按钮放到离上边和左边各500像素的地方,参考代码为: style="margin...
  • derek_chen2012
  • derek_chen2012
  • 2015年09月08日 13:49
  • 432
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:script放置最佳位置以及html执行顺序
举报原因:
原因补充:

(最多只允许输入30个字)