首页 > 编程知识 正文

html怎么并入js文件,html中如何引入js文件

时间:2024-04-24 11:43:17 阅读:334022 作者:ONBG

本文目录一览:

HTML中引入css和js的方法

我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹,在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示

03

然后我们在Head标签内用link标签引入CSS文件,如下图所示

04

最后用Script标签引入JS文件即可,如下图所示

HTML如何插入js?

HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行,而这一对script标签可以放到head之间,也可以放到body之间,这是直接在页面写的方法,另一种方法是引入外部的js文件,同样使用script,这时不在该标签之间写代码,而是通过src=“js文件路径”引入,通常为了页面简洁常用外部引入的方法。

如何把JS文件添加到HTML里?JS代码如图:

1、首先,找到我们需要修改的js文件。

2、js文件直接可以用记事本打开,但是,使用记事本打开格式非常乱,不方便我们查看和修改。

3、这里,我们使用Intellij IDEA打开js文件。如图,格式很规范,内容我们可以一目了然。

4、然后,我们通过快捷键【Ctrl】+【F】快速定位到我们需要修改的位置。

5、回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开,点击按钮即可看到出现一个弹出。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。