JS的书写位置

最新推荐文章于 2024-11-22 11:37:47 发布

扶苏1002

最新推荐文章于 2024-11-22 11:37:47 发布

阅读量340

点赞数 9

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

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

版权

JavaScript 专栏收录该内容

38 篇文章 1 订阅

订阅专栏

本文详细介绍了JavaScript在HTML中的三种书写方式：行内式（写在a或非a标签上）、内嵌式（在<head>部分直接写script标签）和外链式（将代码放在单独的.js文件并通过<script>引入）。行内式可能导致代码冗余，外链式推荐用于维护和优化。

摘要由CSDN通过智能技术生成

一、行内式

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

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>