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

Posted qinqin-me

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS-01-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>

 

以上是关于JS-01-js的三种引入方式的主要内容,如果未能解决你的问题,请参考以下文章

js的三种引入方式

VUE中常用的几种引入方式

js引入时的三种方式

css 样式的导入的三种方式

兄弟连学Python----css样式的三种引入方式

CSS基础01 - HTML页面嵌套使用CSS的三种方式