投稿
  1. 霍小强博客首页
  2. 经验
  3. JS运维经验

JavaScript中script元素的位置

huoxiaoqiang • • JS运维经验 • 阅读 342

所有<script>都放在<head>标签内，如下所示：

<!DOCTYPE html>
<html>
  <head>
  <title>Example HTML Page</title>
  <script src="example1.js"></script>
  <script src="example2.js"></script>
  </head>
  <body>
  <!-- 这里是页面内容 -->
  </body>
</html>

这样做的目的是把外部的 CSS 和 JavaScript 文件都集中放在一起，缺点就是，必须把所有的 JavaScript 的文件都下载、解析和解释执行完成后，才能渲染页面，这会导致页面渲染明显延时，为了解决此问题，可将所有或者部分 JavaScript <script>放在<body>元素中的页面内容后面，也就是</body>之前，如下所示：

<!DOCTYPE html>
<html>
  <head>
  <title>Example HTML Page</title>
  </head>
  <body>
  <!-- 这里是页面内容 -->
  <script src="example1.js"></script>
  <script src="example2.js"></script>
  </body>
</html>

原创文章，作者：huoxiaoqiang，如若转载，请注明出处：https://www.huoxiaoqiang.com/experience/jsops/2217.html

赞 (0)
huoxiaoqianghuoxiaoqiang
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020年10月7日 18:39
下一篇 2020年10月8日 00:58

相关推荐

  • JavaScript中typeof操作符的讲解

    typeof 操作符返回一个字符串，用来确定任意变量的数据类型。 语法： typeof 运算符后接操作数： operand一个表示对象或原始值的表达式，其类型将被返回。 返回值 数据类型 值 Undefined “undefined” Null “object”  Boolean “boo…

    huoxiaoqiang huoxiaoqiang
    JS运维经验 2020年10月8日
    04930

  • npm和npx的区别

    npm的m是Management，npx的x是eXecute。 npm是包管理工具，npx是包的命令执行工具，npx是npm exec命令的别名。 如果学习过ruby的同学，npx就等同于bundle exec命令。 默认情况下，npx是自动安装的，无需额外安装。如果没安装，运行下面命令 用途一 比如，项目安装了web…

    huoxiaoqiang huoxiaoqiang
    JS运维经验 2021年7月24日
    01140

  • node -v与nodejs -v的区别

    笔者在使用nodejs的时候发现有node -v和nodejs -v两个命令，经过一番测试后，基本总结如下： 如果从ubuntu系统以外的第三方源安装的nodejs，命令用node -v，例如： 如果从ubuntu系统官方的源里面安装的nodejs，命令用nodejs -v，例如:

    huoxiaoqiang huoxiaoqiang
    JS运维经验 2020年9月12日
    01.3K0

发表评论

登录后才能评论