HTML 中使用 JavaScript 的具体方式 - 码农知识堂 - 文章详情页

HTML 中使用 JavaScript 的具体方式
文章目录
- 一、JavaScript 脚本添加方式
  1.1 内联 JavaScript
  1.2 内嵌 JavaScript
  1.3 外部引用 JavaScript
  
  二、外部引用 JavaScript 的注意事项
一、JavaScript 脚本添加方式

在 HTML 文件中使用 JavaScript 代码主要由以下三种方法：
- 内联
- 内嵌
- 外部引用
1.1 内联 JavaScript

内联 JavaScript 是将 JavaScript 代码直接写在 HTML 元素的事件属性中。例如，使用 onclick 属性来处理按钮点击事件。
```
DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Inline JavaScript Exampletitle>
head>
<body>
  <button onclick="alert('Button clicked!')">Click mebutton>
body>
html>
```
1.2 内嵌 JavaScript

内嵌 JavaScript 是将 JavaScript 代码放在 HTML 文件中的
```
DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>External JavaScript Exampletitle>
  <script src="script.js">script>
head>
<body>
  <button onclick="showMessage()">Click mebutton>
body>
html>
```
注意：该对标记中，是不允许出现任何内容的

二、外部引用 JavaScript 的注意事项

为了提高页面的加载速度和用户体验，建议优化 javascript 加载顺序（先加载页面内容，再加载 JavaScript）。优化 javascript 加载顺序的实现方式主要有：

一般来说，建议将