写一个html和js分离的点击事件
时间: 2024-02-11 13:09:06 浏览: 110
JavaScript中点击事件的写法
5星 · 资源好评率100%
HTML和JS分离的点击事件可以通过在HTML中添加一个按钮元素,然后在外部的JavaScript文件中编写相应的事件处理程序来实现。具体步骤如下:
1. 在HTML文件中添加一个按钮元素,例如:
```html
<button id="myButton">点击我</button>
```
2. 创建一个外部的JavaScript文件,例如`script.js`,在其中编写点击事件处理程序,例如:
```js
// 获取按钮元素
var button = document.getElementById("myButton");
// 添加点击事件处理程序
button.addEventListener("click", function() {
alert("你点击了按钮!");
});
```
3. 在HTML文件中引入外部的JavaScript文件,例如:
```html
<script src="path/to/script.js"></script>
```
其中,`path/to/script.js`是外部JavaScript文件的路径。
这样,当用户点击按钮时,就会触发`click`事件,并执行相应的事件处理程序,弹出一个提示框显示“你点击了按钮!”的信息。
阅读全文