📌  相关文章
📜  HTML script标签(1)

📅  最后修改于: 2023-12-03 14:41:46.917000             🧑  作者: Mango

HTML script标签

<script>标签是HTML中用于定义和加载脚本文件的标签。脚本可以是JavaScript、VBScript或其他脚本语言。

语法

<script>标签有两种语法：

  1. 在HTML页面内嵌入脚本
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
alert("Hello World!");
</script>

</body>
</html>
  1. 引用外部脚本文件
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script src="myscripts.js"></script>

</body>
</html>
属性

<script>标签有以下属性：

  • src：指定要加载的脚本文件的URL。
  • async：指示浏览器在下载脚本文件时不必等待，继续解析页面内容，只有脚本下载完后再执行。
  • defer：指示脚本的执行需要等到页面解析完毕后再执行，但是在DOMContentLoaded事件之前。
  • type：指定脚本语言的类型，默认为JavaScript。
注意事项
  • 嵌入式脚本应尽量避免，最好将代码放在外部文件中，以便重复使用和维护。
  • 脚本文件应该放在<body>标签的最后面，以免影响页面的加载速度。
  • 为了提高页面加载速度，可以将<script>标签的src属性设置为异步加载，或者使用延迟加载的方式。

以上就是<script>标签的介绍，可以与其他HTML标签一起使用，实现更丰富的网页效果。