溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在html中嵌入JavaScript代碼

發(fā)布時(shí)間:2021-01-12 15:41:04 來源:億速云 閱讀:228 作者:Leah 欄目:web開發(fā)

這篇文章給大家介紹如何在html中嵌入JavaScript代碼,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。

在HTML頁(yè)面中嵌入javascript代碼

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script> 
</body> </html>

上面的代碼會(huì)在 HTML 頁(yè)面中產(chǎn)生這樣的輸出:

Hello World!

實(shí)例解釋:

如果需要把一段 JavaScript 插入 HTML 頁(yè)面,我們需要使用 <script> 標(biāo)簽(同時(shí)使用 type 屬性來定義腳本語(yǔ)言)。

這樣,<script type="text/javascript"> 和 </script> 就可以告訴瀏覽器 JavaScript 從何處開始,到何處結(jié)束。

<html> <body> 
<script type="text/javascript"> ... </script>
 </body> </html>

document.write 字段是標(biāo)準(zhǔn)的 JavaScript 命令,用來向頁(yè)面寫入輸出。

把 document.write 命令輸入到 <script type="text/javascript">與</script>之間后,瀏覽器就會(huì)把它當(dāng)作一條 JavaScript 命令來執(zhí)行。這樣瀏覽器就會(huì)向頁(yè)面寫入 "Hello World!"。

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script>
 </body> </html>

注意:如果我們不使用 <script> 標(biāo)簽,瀏覽器就會(huì)把 document.write("Hello World!") 當(dāng)作純文本來處理,也就是說會(huì)把這條命令本身寫到頁(yè)面上。

如何與老的瀏覽器打交道

那些不支持 JavaScript 的瀏覽器會(huì)把腳本作為頁(yè)面的內(nèi)容來顯示。為了防止這種情況發(fā)生,我們可以使用這樣的 HTML 注釋標(biāo)簽:

<html> <body> 
<script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
 </body> </html>

注釋行末尾的兩個(gè)正斜杠是 JavaScript 的注釋符號(hào),它會(huì)阻止 JavaScript 編譯器對(duì)這一行的編譯。

關(guān)于如何在html中嵌入JavaScript代碼就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI