在script标签内直接写代码
<!DOCTYPE html>
<html>
<head>
<title>在标签中直接插入js代码</title>
</head>
<body>
<button id="btn">click me</button>
<script>
document.getElementById("btn").onclick = function(){
alert("click");
}
</script>
</body>
</html>
在script标签的src属性中引入外部文件
html内容
<!DOCTYPE html>
<html>
<body>
<button id="btn" >click</button>
<script src="test.js" ></script>
</body>
</html>
在html文件所在目录中创建test.js文件，test.js文件内容如下，在这个js中是直接执行的，所以文件的引用必须放在button标签后面，否则会报错
document.getElementById("btn").onclick = function(){
alert("click");
}
通过事件属性
<!doctype html>
<html>
<body>
<button onclick="alert('click show!');" >click</button>
</body>
</html>
通过a标签的href属性
<!doctype html>
<html>
<body>
<a href="javascript:alert('href call!')">click</a>
</body>
</html>
版权声明：本文为moguicy123原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。