一、概念

javascript是運行在瀏覽器中的腳本語言，運行在瀏覽器的內存當中，不需要程序員手動編譯，編寫玩源代碼之后，瀏覽器直接打開解釋執(zhí)行，簡稱JS。

二、html嵌入javascript代碼的三種方式

JS是一門事件驅動型的編程語言，依靠事件去驅動，然后執(zhí)行對應的程序。
例如：在JS中有很多事件，其中有一個事件叫做：鼠標單擊，click，并且任何事件都會對應一個事件句柄onclick。

1.事件句柄是以html標簽的屬性存在的。

在按鈕標簽中設置onclick屬性值，則點擊按鈕發(fā)生click事件后，注冊在onclick后面的js代碼會被瀏覽器自動調用。

示例如下：

解釋：（1）在JS中有一個內置的對象window,代表瀏覽器對象（窗口），window對象有一個函數(shù)alert，用法是window.alert(“消息”)，點擊按鈕后彈出帶有消息的窗口，"window."可以省略不寫直接寫alert語句；
（2）java字符串可以使用雙引號，也可以使用單引號；
（3）JS的一條語句結束之后可以使用分號也可以不用。

（4）window.alert()語句在顯示窗口時并沒有執(zhí)行完，點擊確認窗口消失后才執(zhí)行完（alert有阻塞當前頁面加載的作用）。

2.腳本塊的方式

在body標記中嵌入script標記，JS代碼寫在script標記中。此時的代碼在頁面打開時執(zhí)行，并且遵循自上而下的順序依次執(zhí)行，即代碼的執(zhí)行不需要事件。javascipt的腳本塊可以有多個，可以出現(xiàn)在任意位置。javascript可以有//開頭的單行注釋和/**/包含的多行注釋。

示例如下：

效果如下：

刷新頁面后一直在加載頁面，也沒有顯示input標記，點擊確定后頁面加載完畢：

3.引入外部獨立的.js文件

.js文件內容與腳本塊的方式中script標記中的內容一致。代碼也會按照順序自上而下地執(zhí)行。同一個.js文件可以被引入多次。
引入方式，在body 標記中加script標簽；

到此這篇關于html嵌入javascript代碼的三種方式的文章就介紹到這了,更多相關html嵌入javascript內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論