重生之再学JavaScript-JavaScript引入方式

最新推荐文章于 2025-06-09 21:53:43 发布

原创最新推荐文章于 2025-06-09 21:53:43 发布

· 272 阅读

0 ·

版权

文章标签：

#javascript #webview #html

内部形式

外部形式

内部形式

通过<script></script>包裹JavaScript代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 引入方式</title>
</head>
<body>
  <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->
  <script>
    alert('hello word');
  </script>
</body>
</html>

外部形式

将JavaScript代码写在独立的以.js结尾的文件中,然后通过script标签的src属性引入

(跟css外链式相似)

// demo.js
document.write('hell0 word');

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 引入方式</title>
</head>
<body>
  <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->
  <script src="demo.js"></script>
</body>
</html>

注意

如果script标签使用属性引入了某些.js文件,那么标签的代码会被忽略