一、概念

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

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

JS是一門事件驅(qū)動(dòng)型的編程語言，依靠事件去驅(qū)動(dòng)，然后執(zhí)行對(duì)應(yīng)的程序。
例如：在JS中有很多事件，其中有一個(gè)事件叫做：鼠標(biāo)單擊，click，并且任何事件都會(huì)對(duì)應(yīng)一個(gè)事件句柄onclick。

1.事件句柄是以html標(biāo)簽的屬性存在的。

在按鈕標(biāo)簽中設(shè)置onclick屬性值，則點(diǎn)擊按鈕發(fā)生click事件后，注冊(cè)在onclick后面的js代碼會(huì)被瀏覽器自動(dòng)調(diào)用。

示例如下：

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

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

2.腳本塊的方式

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

示例如下：

效果如下：

刷新頁面后一直在加載頁面，也沒有顯示input標(biāo)記，點(diǎn)擊確定后頁面加載完畢：

3.引入外部獨(dú)立的.js文件

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

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

最新評(píng)論