本文目录一览:
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文件后使用浏览器打开,点击按钮即可看到出现一个弹出。