加载js的 php文件路径,html怎么引用JavaScript?html引入js路径四种方式

本文介绍了在HTML页面中引用JavaScript的四种方法:1) 在`<head>`标签中引用;2) 在`<body>`标签内引用;3) 在元素事件中引用;4) 引入外部JS文件。通过这四种方式,可以将动态效果添加到静态的HTML页面中。同时,文章还提供了示例代码展示如何正确引入JS文件。

html是静态的页面,如果我们想要实现某些动画效果,就要引入一些js,那么,如何在html中引用一些js文件呢,引入js有哪些方式呢,下面我们来总结一下html引入js路径四种方式。

5544e75987e15046974ee1560d1e801e.png

一:html怎么引用JavaScript

在html中引用一些js特效,我们可以通过四种方式去实现:

1.html页面的头部head标签中去引用

2.html页面的主体body标签内去引用

3.元素事件中去引用

4.直接引用js文件

二:html引入js路径四种方式详解

1.html中页面的头部引用js,就是在头部

之前内进行编写js。代码如下:

注意:js代码要放在之间,要求type的属性值也要对应为text/javascript。

2.html页面的主体body标签内去引用

在html的主体部分是引用js,是在

之前进行编写,代码如下:

3.元素事件中引用

元素事件中引用是在元素中去直接编写js文件,例如:

4.引入外部JS文件

引入外部把js文件存放在.js后缀当中,并且使用script来引用,引用的文件可以放在头部,也可以放在主体部分,例如:

以上就是对html怎么引用JavaScript?html引入js路径四种方式的全部介绍,如果你想了解更多有关JavaScript视频教程,请关注php中文网。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值