html怎麼併入js文件,html中如何引入js文件

本文目錄一覽:

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

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-16 13:33
下一篇 2024-12-16 13:34

相關推薦

發表回復

登錄後才能評論