js和html的结合方式
第一种:
-使用一个标签<script type="text/javascript">js代码</script>
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>Document</title> 10 </head> 11 <body> 12 <script type="text/javascript"> 13 14 //向页面弹出一个框,显示内容 15 alert("aaaa"); 16 </script> 17 </body> 18 </html>
第二种:
-使用script标签,引入一个外部的js文件
*** 创建一个js文件,写js代码
- <script type="text/javascript" src="1.js"></script>
** 使用第二种方式时候,就不要在script标签里面写js代码了,不会执行。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>Document</title> 10 </head> 11 <body> 12 <script type="text/javascript" src="1.js"> 13 //这里就不要写js代码了 14 </script> 15 </body> 16 </html>
//js文件内容
/*多行注释*/
alert("bbbb");
欢迎大家来我的 [Gitee仓库](https://gitee.com/jiffyzhang)参观。
同时欢迎关注我的同名公众号:就这样写(keepStarve),未来很大可能会活跃在此地。