html js怎么运行?在 HTML 中运行 JavaScript 代码有多种方式:
1. 内联脚本:
- 在 HTML 文件中使用 `<script>` 标签来插入 JavaScript 代码。可以将
`<script>` 标签放置在 `<head>` 或 `<body>` 部分中。
- 在
`<script>` 标签内部编写 JavaScript 代码。
示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Run JavaScript</title>
</head>
<body>
<h1>Hello, World!</h1>
<script>
// JavaScript 代码
alert("Hello,
JavaScript!");
</script>
</body>
</html>
```
2. 外部脚本:
- 将 JavaScript 代码保存到一个单独的 `.js` 文件中(例如 `script.js`)。
- 在
HTML 文件中使用 `<script>` 标签引入外部 JavaScript 文件。
示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Run JavaScript</title>
<script src="script.js"></script>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
```
创建一个名为 `script.js` 的文件,其中包含要执行的 JavaScript 代码:
```javascript
// script.js
alert("Hello, JavaScript!");
```
3. 事件处理程序:
- 在 HTML 元素上定义事件处理程序,当事件发生时执行 JavaScript 代码。
- 可以通过直接在
HTML 元素的属性中编写 JavaScript 代码,或者使用外部脚本文件中的函数作为事件处理程序。
示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Run JavaScript</title>
</head>
<body>
<button onclick="alert('Hello,
JavaScript!')">Click me</button>
<script
src="script.js"></script>
</body>
</html>
```
创建一个名为 `script.js` 的文件,其中包含一个函数作为事件处理程序:
```javascript
//
script.js
function handleClick() {
alert("Hello,
JavaScript!");
}
```
在 HTML 中的按钮元素上定义事件处理程序:
```html
<button
onclick="handleClick()">Click me</button>
```
以上是几种常见的在 HTML 中运行 JavaScript 的方式。你可以根据需求选择适合的方法,在 HTML 页面中实现交互和功能。