html怎么引入JavaScript代码

骑猪看日落 2024-03-26 16:05 91阅读 0赞

![4deb07f1c538749b70c1d7203b782ea7.jpeg][]

学习了HTML入门教程之后，我们都知道HTML页面是静态的，要实现某些动态效果，就要引入JavaScript。本节课就来给大家讲解一下怎样在HTML页面中引入JavaScript。

这节课不涉及太多编程方面的知识，先给大家说一下引用方式，这样大家至少都知道在哪编程，然后再在后面章节跟大家促膝长谈编程方面的知识。

**JavaScript在HTML的引用共有4种：**

（1）页头引入（head标签内）；

（2）页中引入（body标签内）；

（3）元素事件中引入（标签属性中引入）；

（4）引入外部JS文件；

By the way，这4种引入方式都very very 常用，大家一定要好好理解一下喔。

一、页头引入JS

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

二、页中引入JS

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

在body标签内引入JavaScript跟在head标签引入JavaScript语法格式类似，在此不再重复讲解。

三、元素事件中引入JS

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

四、引入外部JS文件

引入外部JS文件，说白了就是把JavaScript程序存放在一个后缀名为.js的文件中，然后使用script标签来引用。此外，引用外部JS文件的script标签可以放在head标签内，也可以放在body标签中。

可能大家刚刚开始很难去深入理解并记忆这4种JS引用方式，不过没关系，以后大家忘了再回来这里看看，编程这种东西一回生二回熟，写多了自然就会记得。微点阅读 - 范文大全 - 免费学习网站

**总结**

1、JavaScript在HTML的引用共有4种：

（1）页头引入（head标签内）；

（2）页中引入（body标签内）；

（3）元素事件中引入（标签属性中引入）；

（4）引入外部JS文件；

这四种引用方式都非常重要，没有哪一种不重要的。

————————————————

来源：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[4deb07f1c538749b70c1d7203b782ea7.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2d301d2f29ec439dbc399feb422e2570.png
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，91人围观）

还没有评论，来说两句吧...

相关阅读

相关 html怎么引入JavaScript代码

![4deb07f1c538749b70c1d7203b782ea7.jpeg][] 学习了HTML入门教程之后，我们都知道HTML页面是静态的，要实现某些动态效果，就要引入

骑猪看日落/ 2024年03月26日 16:05/ 0 赞/ 92 阅读

相关 python怎么引入,python 怎么引入类

![8e3c39360cc7b2f1bf67a68db0391fe3.png][] 一、导入单个类from fun import Dog dog=Dog('husike')

逃离我推掉我的手/ 2023年01月17日 04:52/ 0 赞/ 162 阅读

相关 uniapp怎么引入css_Uniapp怎么引入外部js

Uniapp引入外部js的方法：首先新建一个indexl文件，引入外部js，代码为【】；然后打开manifest文件。 ![Image 1][] 本教程操作环境：windo

朱雀/ 2023年01月08日 08:12/ 0 赞/ 430 阅读

相关 html里嵌入php后怎么用_php中怎么嵌入html代码

PHP中嵌入HTML有多种方式，这里列出几种常用方式： 1、用echo输出HTML代码 $int=rand(0,1); if($int==1)\{ echo " 取到

末蓝、/ 2022年11月12日 04:24/ 0 赞/ 169 阅读

相关 html简单实现自动轮播代码怎么写,HTML图片轮播代码怎么写？

贴一个超级简单的JS代码，不需要插件图片轮播代码 body\{max-width: 640px;margin: 0 auto;\} \lunbo ul li\{widt

客官°小女子只卖身不卖艺/ 2022年10月05日 10:46/ 0 赞/ 276 阅读

相关在HTML中引入JavaScript

本文原创地址链接：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/53027539][http_blog.csd

柔情只为你懂/ 2022年07月15日 05:26/ 0 赞/ 269 阅读

相关在HTML中引入JavaScript

本文原创地址链接：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/53027539][http_blog.csd

红太狼/ 2022年07月15日 05:26/ 0 赞/ 292 阅读

相关 html页面引入其他html页面代码

{include file="/course/common/footer.html"} //注意路径书写方式用该语法可以引入公共html模板代码举例：

川长思鸟来/ 2022年02月04日 06:55/ 0 赞/ 459 阅读

相关 01-HTML引入

参考: 张鹏平面设计一, 该教程涉及的内容 1, 设计 ①PS网页效果图设计 ②Flash网页动画设计 2, 制作 ① html, xh

旧城等待，/ 2021年11月12日 00:02/ 0 赞/ 344 阅读

相关 JavaScript萌新——JavaScript代码引入

JavaScript萌新day01——JavaScript代码引入在经过一段时间的HTML和CSS学习之后开始慢慢的接触到JavaScript脚本语言了，在学习过程中将

心已赠人/ 2021年10月06日 18:34/ 0 赞/ 337 阅读