JS-01-js的三种引入方式

转载于 2019-07-28 16:19:00 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qinqin-me/p/11259430.html

文章标签：

#javascript #嵌入式 #ViewUI

本文详细介绍了HTML的基本结构，包括文档类型声明、头部信息、样式设置及内联脚本的使用。同时，深入探讨了JavaScript的注释、弹窗警告及事件处理，如点击事件的应用。此外，还对比了不同方式引入JS代码的方法，如内嵌、外部链接及行间样式。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7            div{
 8               width: 200px;
 9               height: 200px;
10               background: #000;
11            }
12         </style>
13     </head>
14     <body>
15        <!--嵌入式-->
16         <script>
17             //单行注释
18             /*
19              * 多行注释
20              * */
21             alert('js hello world!');//弹窗
22         </script>
23         
24         
25         <!--外链式-->
26         <!--注意：如果script标签外部引入js文件，
27             那么此标签当中就不能再写js程序-->
28         <script src="../test.js"></script>
29         
30         
31         
32         <!--行间式-->
33         <div onclick="alert('yea...行间样式生效了')"></div>
34         <a href="javascript:alert('我是a');">点我</a>
35         <a href="javascript:void(0)" onclick="alert('我也是a');">再来点我啊</a>
36     </body>
37 </html>