JavaScript在html中的引用方式

最新推荐文章于 2021-06-09 21:49:09 发布

宁i

最新推荐文章于 2021-06-09 21:49:09 发布

阅读量1.6k

点赞数

分类专栏： JavaScript 文章标签： JS

本文链接：https://blog.csdn.net/cwj1103/article/details/46888979

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。

JavaScript在HTML的引用共有4种：

（1）页头引入（head标签内）；
（2）页中引入（body标签内）；
（3）元素事件中引入（标签属性中引入）；
（4）引入外部JS文件；

一、页头引入JS

在页头引入JS，指的就是在<head></head>标签内编写JavaScript。

语法：

 
            <html xmlns= 
            "http://www.w3.org/1999/xhtml" 
            > 
           
            <head> 
           
            <title></title> 
           
            <script type= 
            "text/javascript" 
            > 
           
            //这里编写JavaScript程序 
           
            </script> 
           
            </head> 
           
            <body> 
           
            </body> 
           
            </html>

二、页中引入JS

在页中引入JS，指的就是在<body></body>标签内编写JavaScript。

语法：

 
            <html xmlns= 
            "http://www.w3.org/1999/xhtml" 
            > 
           
            <head> 
           
            <title></title> 
           
            </head> 
           
            <body> 
           
            <script type= 
            "text/javascript" 
            > 
           
            //这里编写JavaScript程序 
           
            </script> 
           
            </body> 
           
            </html>

三、元素事件中引入JS

在元素事件中引入JS，就是指在元素的某一个属性中直接编写JavaScript程序或调用，这个属性指的是元素的“事件属性”。

举例1：（在元素事件属性中直接编写JavaScript）

 
            <html xmlns= 
            "http://www.w3.org/1999/xhtml" 
            > 
           
            <head> 
           
            <title></title> 
           
            </head> 
           
            <body> 
           
            <input type= 
            "button" 
             onClick= 
            "alert('绿叶学习网')" 
             value= 
            "按钮" 
            /> 
           
            </body> 
           
            </html>

举例2：（元素事件属性调用JavaScript函数）

 
            <html xmlns= 
            "http://www.w3.org/1999/xhtml" 
            > 
           
            <head> 
           
            <title></title> 
           
            <script type= 
            "text/javascript" 
            > 
           
            function 
             alertMessage() 
           
            { 
           
            alert( 
            "绿叶学习网" 
            ); 
           
            } 
           
            </script> 
           
            </head> 
           
            <body> 
           
            <input type= 
            "button" 
             onclick= 
            "alertMessage()" 
             value= 
            "按钮" 
            /> 
           
            </body> 
           
            </html>

四、引入外部JS文件

引入外部JS文件，说白了就是把JavaScript程序存放在一个后缀名为.js的文件中，然后使用link标签来引用。此外，引用外部JS文件的link标签必须放在<head></head>内。

语法：<script src="js/index.js" type="text/javascript"></script>

参考文献:http://www.lvyestudy.com/les_js/js_1.3.aspx

宁i

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript在html中的引用方式

HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。 JavaScript在HTML的引用共有4种：（1）页头引入（head标签内）；（2）页中引入（body标签内）；（3）元素事件中引入（标签属性中引入）；（4）引入外部JS文件；一、页头引入JS在页头引入JS，指的就是在标签内编写JavaScript。
复制链接

扫一扫

专栏目录