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

蔚落 2024-03-27 13:24 66阅读 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 条评论，66人围观）

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

相关阅读

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

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

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

相关盘点MYSQL中创建表的三种方法

![2ed1e68fbb5c21ac3b08ac050dc39de2.jpeg][] SQL 标准使用 CREATE TABLE 语句创建数据表；MySQL 则实现了三种创建

叁歲伎倆/ 2024年03月23日 22:04/ 0 赞/ 36 阅读

相关 JavaScript 4种交换变量的方法

文章目录 1、解构赋值 2、临时变量 3、加减法 4、按位XOR运算符

深藏阁楼爱情的钟/ 2022年11月21日 11:19/ 0 赞/ 159 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 Javascript异步编程的4种方法

Javascript异步编程的4种方法转载自：[Javascript异步编程的4种方法(阮一峰)][Javascript_4] 你可能知道，Javascript语言的

今天药忘吃喽~/ 2022年05月29日 01:14/ 0 赞/ 171 阅读

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

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

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