-
HTML 中使用 JavaScript 的具体方式 一、JavaScript 脚本添加方式在 HTML 文件中使用 JavaScript 代码主要由以下三种方法： 内联内嵌外部引用1.1 内联 JavaScript内联 JavaScript 是将 JavaScript 代码直接写在 HTML 元素的事件属性中。例如，使用 onclick 属性来处理按钮点击事件。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Inline JavaScript Example</title> </head> <body> <button onclick="alert('Button clicked!')">Click me</button> </body> </html> 1.2 内嵌 JavaScript 内嵌 JavaScript 是将 JavaScript 代码放在 HTML 文件中的 <script> 标签内，通常放置在 <head> 或 <body> 中。 <script>允许出现网页的任意位置处 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Embedded JavaScript Example</title> </head> <body> <button onclick="showMessage()">Click me</button> <script> function showMessage() { alert('Button clicked!'); } </script> </body> </html> 1.3 外部引用 JavaScript 外部引用 JavaScript 是将 JavaScript 代码放在独立的 .js 文件中，然后通过 <script> 标签引用该文件。这种方法有助于分离内容和行为，提高代码的可维护性和重用性。 创建 script.js 文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>External JavaScript Example</title> <script src="script.js"></script> </head> <body> <button onclick="showMessage()">Click me</button> </body> </html> 注意：<script src=""></script>该对标记中，是不允许出现任何内容的