JavaScript（JS）的引入方法

news2024/11/13 8:00:55

内部脚本
- JS代码必须位于<script></script>标签之间
- 在HTML文档中，可以在任意地方，放置任意数量的<script>
- 一般会把脚本置于<body>元素的底部，可以改善显示速度
外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中
- 外部JS文件中，只包含JS代码，不包含<script>标签
- <script>标签不能自闭和

具体实现代码如下：

使用内部脚本

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JS-引入方式</title>
    <!-- 内部脚本 -->
    <script>
        alert("Hello JS");
    </script>

    <!-- 外部脚本 -->
    <!-- <script>不可以自闭和 -->
    <!-- <script src="JS/demo.js"></script> -->
  </head>
  <body></body>
</html>

运行结果如下：

使用外部脚本

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JS-引入方式</title>
    <!-- 内部脚本 -->
    <!-- <script>
        alert("Hello JS");
    </script> -->

    <!-- 外部脚本 -->
    <!-- <script>不可以自闭和 -->
    <script src="JS/demo.js"></script>
  </head>
  <body></body>
</html>

运行结果如下：