首頁(yè)技術(shù)文章正文

JavaScript如何引入腳本文件？

更新時(shí)間:2020年11月13日17時(shí)19分來(lái)源:傳智播客瀏覽次數(shù):

　　JavaScript腳本文件的引入方式和CSS樣式文件類似。在HTML文檔中引入JavaScript文件主要有三種，即行內(nèi)式、嵌入式、外鏈?zhǔn)?。接下?lái)，我們將對(duì)JavaScript的三種引入方式做詳細(xì)講解。

　　1. 行內(nèi)式

　　行內(nèi)式是將JavaScript代碼作為HTML標(biāo)簽的屬性值使用。例如，單擊“test”時(shí)，彈出一個(gè)警告框提示“Happy”，具體示例如下：

　　JavaScript還可以寫在HTML標(biāo)簽的事件屬性中，事件是JavaScript中的一種機(jī)制。例如，單擊網(wǎng)頁(yè)中的一個(gè)按鈕時(shí)，就會(huì)觸發(fā)按鈕的單擊事件，具體示例如下：

　　上述代碼實(shí)現(xiàn)了單擊“test”按鈕時(shí)，彈出一個(gè)警告框提示“Happy”。

　　值得一提的是，網(wǎng)頁(yè)開發(fā)提倡結(jié)構(gòu)、樣式、行為的分離，即分離HTML、CSS、JavaScript三部分的代碼。避免直接寫在HTML標(biāo)簽的屬性中，從而有利于維護(hù)。因此在實(shí)際開發(fā)中并不推薦使用行內(nèi)式。

　　2. 嵌入式

　　在HTML中運(yùn)用

最新資訊