在HTML标记的事件属性中直接添加脚本
<!doctype html> <html> <head> <meta charset="utf-8"> <title>在HTML标记的事件属性中直接添加脚本示例</title> </head> <body> <form> <input type="button" value="保存" onClick="alert('单击了保存按钮！');"> </form> </body> </html>
运行结果：
使用script标记链接脚本文件
<!doctype html> <html> <head> <meta charset="utf-8"> <title>使用script标记链接脚本文件示例</title> <script type="text/javascript" src="linkJavaScript.js"></script> </head> <body> <form> <input type="button" value="链接文件" onClick="clickFunction();"> </form> </body> </html>
运行结果：
使用script标记插入脚本示例
<!doctype html> <html> <head> <meta charset="utf-8"> <title>使用SCRIPT标记插入脚本示例</title> <script type="text/javascript"> var a=100; var b=200; if(a<b){ alert(true); } </script> </head> <body> </body> </html>
运行结果：