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

📅  最后修改于: 2023-12-03 15:01:17.496000             🧑  作者: Mango

HTML 脚本标签

HTML 脚本标签用于在 HTML 页面中嵌入 JavaScript 代码。

语法
<script>
  // JavaScript 代码
</script>
属性
  • async: 可选。表示该脚本文件可异步加载，不会阻塞页面渲染，但是会先于 DOMContentLoaded 事件执行。
  • charset: 可选。表示设置脚本文件的字符编码。
  • defer: 可选。表示该脚本文件会在 HTML 页面解析完毕后执行，不会阻塞页面渲染。
  • src: 可选。表示要包含外部脚本文件的 URL。
示例
内联脚本
<!DOCTYPE html>
<html>
  <head>
    <title>内联脚本示例</title>
  </head>
  <body>
    <h1>这是一个内联脚本示例</h1>
    <script>
      alert("Hello, World!");
    </script>
  </body>
</html>
外部脚本
<!DOCTYPE html>
<html>
  <head>
    <title>外部脚本示例</title>
    <script src="script.js"></script>
  </head>
  <body>
    <h1>这是一个外部脚本示例</h1>
  </body>
</html>

script.js

alert("Hello, World!");
注意事项
  • 为提高页面加载速度和优化渲染性能，应将脚本的位置放在页面末尾，或使用 defer 或 async 属性。
  • 不应该在 HTML 属性中添加 JavaScript 代码，这样不仅不规范，而且容易引起安全漏洞。