在HTML文件中使用JavaScript代码
时间: 2023-06-19 16:06:05 浏览: 111
在HTML中插入JavaScript代码的示例
5星 · 资源好评率100%
可以在HTML文件中使用`<script>`标签来插入JavaScript代码。例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome to my website</h1>
<p>Click the button to change the text:</p>
<button onclick="changeText()">Click me</button>
<p id="text">Hello, world!</p>
<script>
function changeText() {
document.getElementById("text").innerHTML = "Hello, JavaScript!";
}
</script>
</body>
</html>
```
在上面的例子中,我们在`<head>`标签中定义了网页的标题,然后在`<body>`标签中定义了一个标题和一个段落,以及一个按钮和一个段落。我们使用`onclick`属性来指定按钮被点击时要执行的JavaScript函数。在`<script>`标签中,我们定义了`changeText`函数,它使用`document.getElementById`方法来获取`<p>`标签,并将其文本内容更改为“Hello, JavaScript!”。
阅读全文