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

JavaScript如何引入腳本文件？

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

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

　　1. 行內(nèi)式

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

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

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

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

　　2. 嵌入式

　　在HTML中運用

最新資訊