script 和 noscript 元素

zltzlt · 发表于 2020-1-16 14:13:14

您需要登录才可以下载或查看，没有账号？立即注册

x

script 和 noscript 元素

script

script 元素是用于在网页中嵌入 JavaScript 脚本的。例如：

复制代码

执行这个 html 文件，将会在页面上显示 Hello。

script 元素还可以链接外部的 JS 文件，例如：

复制代码

a.js：

复制代码

执行 html 文件，一样会在页面显示 Hello。

注意：链接了外部的 JS 文件，<script> 标签内部不能再有 JS 代码。例如下面这段代码是错误的：

复制代码

正常情况下，HTML 被解析时遇到了 JS 代码时会停下解析 HTML 代码，转而执行 JS 代码。我们可以延迟 JS 代码的执行，等到 HTML 代码解析完后再执行 JS 代码：

复制代码

还可以异步执行 JS 代码（JS 代码和 HTML diamante同时解析）：

复制代码

defer、async 只能用于外部代码文件。

noscript

当浏览器不支持 JavaScript 时，我们可以用 noscript 元素显示一些内容：

复制代码

运行这段 HTML 代码，一般是可以正常显示 "欢迎你，让我们开启 JavaScript 的旅程吧！" 的，如下图：

但当浏览器不支持 JavaScript 或者用户禁用了 JavaScript 时，会显示如下的内容：

账号		自动登录	找回密码
密码			立即注册

[学习笔记] script 和 noscript 元素