1、通过<script>标签引入脚本
- <html>
- <head>
- <title>通过标签引入<title>
- </head>
- <body>
- <button id='chf'>我是按钮</button>
- <script type="text/javascript">
- document.getElementById('chf').onclick=function(){
- alert('我是你点出来的弹框!!');
- }
- </script>
- </body>
- </html>
2、通过<script>标签引入外部的js文件(例子是在head标签中引入)
- <html>
- <head>
- <title>引入外部js文件</title>
- <script type="text/javascript" src="chf.js"></script>
- </head>
- <bdoy>
- </body>
- </html>
- <script>的脚本和外部引入的可以放在 <head> 标签和 <body> 标签的任意位置。
3、在html的标签的属性直接写
- <html>
- <head>
- <title>标签属性里引入<title>
- </head>
- <body>
- <button onclick="alert('我是弹框!');">我是按钮</button>
- </body>
- </html>