📅  最后修改于: 2023-12-03 15:31:17.748000             🧑  作者: Mango
HTML 脚本元素指的是在 HTML 文档中可以嵌入 JavaScript 脚本的标签,包括 <script>
和 <noscript>
两种标签。
<script>
<script>
标签用来定义客户端脚本,可以通过该标签嵌入 JavaScript 代码到 HTML 文档中。<script>
标签有以下属性:
async
:表示该脚本可以异步加载,通常用于 Google Analytics 等第三方脚本。defer
:表示该脚本可在页面渲染完毕后再加载,并在文档解析完成后执行,通常用于提高页面加载速度。src
:表示脚本文件的 URL 地址,指向脚本文件的路径,用于引入外部 JavaScript 文件。type
:表示脚本语言的类型,默认为 text/javascript
。下面是一个示例,定义了一个包含 JavaScript 代码的 <script>
标签:
<script>
function hello() {
console.log("Hello World!");
}
hello();
</script>
注意:在 HTML5 中,<script>
标签可以在文档的任何地方出现,即使在 <head>
中也可以。但是为了提高页面性能,常将 <script>
标签放在文档最后面。
<noscript>
<noscript>
标签用来定义在禁用客户端脚本时的替代内容,即在浏览器不支持 JavaScript 或用户禁用了 JavaScript 时,使用 <noscript>
中的内容替代 JavaScript 内容。使用 <noscript>
标签记录的内容将同时出现在使用和禁用 JavaScript 的用户的页面上。
下面是一个使用 <noscript>
标签的示例:
<noscript>
<p>您的浏览器禁用了 JavaScript,请启用 JavaScript 或升级浏览器以获得更好的用户体验。</p>
</noscript>
HTML 脚本元素包括 <script>
和 <noscript>
两种标签,其中 <script>
用来定义客户端脚本,<noscript>
用来定义当浏览器不支持 JavaScript 时的替代内容。在使用 <script>
标签时,可以通过属性来控制脚本的加载方式和类型。