盘点JavaScript在HTML中引用的4种方法

蔚落 2024-03-27 13:24 82阅读 0赞

![be290aa2702f1c39d38435fbc3854804.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]

[be290aa2702f1c39d38435fbc3854804.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/51d04043a12542cd9f498eb9d0b4b47e.png
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

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

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

相关阅读

相关盘点Python3 列表list合并的4种方法

下面是列表合并的4种方法，其中的代码都在Python3下测试通过，在Python2下运行应该也没问题，时间关系就没测试，遇到问题可以去bbs.pythontab.com留言提问

ゞ浴缸里的玫瑰/ 2024年03月30日 09:03/ 0 赞/ 97 阅读

相关盘点JavaScript在HTML中引用的4种方法

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

蔚落/ 2024年03月27日 13:24/ 0 赞/ 83 阅读

相关 HTML实现页面跳转的几种方法盘点

![0272187ccdb815d5ce09272940402dca.jpeg][] 下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hel

朱雀/ 2024年03月27日 09:14/ 0 赞/ 107 阅读

相关盘点几种JavaScript常见的错误

![05516e1f704e300f39ae77192a875728.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

桃扇骨/ 2024年03月24日 10:00/ 0 赞/ 93 阅读

相关盘点4种常用的推荐算法

导读：推荐系统大量使用了机器学习技术，本文简单介绍一下推荐系统常用的策略与算法。作者：刘强来源：大数据DT（ID：hzdashuju） ![b72b0c4b573e6

迈不过友情╰/ 2022年09月04日 06:50/ 0 赞/ 243 阅读

相关 4 种引用类型在 Spring Boot 中的应用！

点击关注公众号，Java干货及时送达![eac5a729ed556266460129a3be14bf70.png][] 文章概览一. 四种引用的概念二.

心已赠人/ 2022年09月01日 15:49/ 0 赞/ 164 阅读

相关 4 种在JavaScript中编写For循环的方法

![b7fc55d0636a0a927d08db001010d205.png][] 原文 | https://medium.com/techtofreedom/4-ways-

女爷i/ 2022年08月29日 06:18/ 0 赞/ 210 阅读

相关在html中引入css的几种方法

在HTML中引入CC有好几种方法，按优先级排列分别是：1、行内式，2、嵌入式，3、导入式和链接式在HTML中引入CSS的方法有以下几种: 1)行内式比如:

矫情吗；*/ 2022年07月30日 13:20/ 0 赞/ 284 阅读

相关在JSP中引用JS文件的三种方法

在JSP中引用JS文件的三种方法： 1、如果是直接访问JSP，则使用相对于JSP页面的相对路径： ![image\_1b18hnotn96o1psa12es191r1m

清疚/ 2022年07月15日 09:18/ 0 赞/ 326 阅读

相关 JavaScript中的方法、方法引用和参数

首先，我们来看一段代码，如果觉得不甚明白的，则本文会对你有益： > var player = function (e) \{ > return (function f(m

╰+哭是因爲堅強的太久メ/ 2021年12月14日 16:31/ 0 赞/ 219 阅读