JS的书写位置

最新推荐文章于 2024-06-13 20:49:38 发布

扶苏1002

最新推荐文章于 2024-06-13 20:49:38 发布

阅读量173

点赞数 9

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_44741577/article/details/135925814

版权

JavaScript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

文章目录

一、行内式
- 1.1、写到a标签身上
- 1.2、写到非a标签身上
二、内嵌式
三、外链式

一、行内式

直接把代码书写到标签身上

1.1、写到a标签身上

   <a href="javascript:alert('hello word');">点我一下</a>

1.2、写到非a标签身上

<div onclick="alert('hello word')">点我一下</div>

二、内嵌式

内嵌式 JS 代码，不需要依赖任何行为，打开页面就会执行

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JS的书写位置</title>
  </head>
  <body>
    <script>
      alert("hello word");
    </script>
  </body>
</html>

三、外链式

把代码书写到一个.js文件内，通过script标签引入
不建议写行内，会使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>
  </head>
  <body>
    <script src="./test.js"></script>
  </body>
</html>