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),未来很大可能会活跃在此地。
原文地址:https://www.cnblogs.com/zhang-bobo/p/9162530.html