一:直接添加腳本
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title></head><body>
<!-- alert就是js中的對話框 -->
<!-- onclick被單擊的動作 -->
<input type="button" value="戳我呀給你驚喜" onclick='alert("我就是你的驚喜");' >
</body></html>
二:使用script標記插入腳本
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 實現js的代碼 -->
<script type="text/javascript">
function my_button() {
alert("我就是你的驚嚇");
}
</script> </head><body>
<input type="button" value="戳我呀給你驚喜" onclick='my_button();' >
</body></html>
三:鏈接腳本文件
index.html
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- src一定要接js文件的路徑 -->
<script type="text/javascript" src="deal.js"> </script>
</head><body>
<input type="button" value="戳我呀給你驚喜" onclick='my_button();' ></body></html>
deal.js
function my_button() {
alert("我是你的小可愛");
}