本文目錄一覽:
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文件後使用瀏覽器打開,點擊按鈕即可看到出現一個彈出。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/269896.html