首页javaScript引入方式

javaScript引入方式

时间: 2023-10-14 14:27:00 浏览: 144

JavaScript 可以通过以下几种方式引入： 1. `<script>` 标签使用 `<script>` 标签将 JavaScript 代码嵌入到 HTML 页面中。可以将 `<script>` 标签放在 HTML 文档的 `<head>` 或 `<body>` 中，或者使用外部 JavaScript 文件。使用 `<script>` 标签引入外部 JavaScript 文件： ```html <script src="path/to/file.js"></script> ``` 2. 行内事件处理程序可以通过在 HTML 标签中添加 `onclick`、`onload` 等事件处理程序来执行 JavaScript 代码。这种方式不太常用，因为它将 HTML 与 JavaScript 代码混合在一起，不利于维护和扩展。 ```html <button onclick="alert('Hello, World!')">点击我</button> ``` 3. 外部事件处理程序可以将 JavaScript 代码保存在外部文件中，并通过添加事件处理程序将其链接到 HTML 元素。这种方式可以使代码更易于维护和重用。 ```html <button id="myButton">点击我</button> <script src="path/to/file.js"></script> ``` ```javascript document.getElementById("myButton").addEventListener("click", function() { alert("Hello, World!"); }); ``` 以上是 JavaScript 的三种引入方式，根据实际情况选择最适合的方式。

阅读全文