一：直接添加脚本
<!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("我是你的小可爱"); }
