在HTML中使用JavaScript的兩種方法
在HTML中使用HTML需要借助<scirpt>標(biāo)簽,使用<script>標(biāo)簽的方式有兩種:一種是直接在<script>標(biāo)簽中嵌入JavaScript代碼，另一種是用<script>的src屬性引入外部JavaScript文件。
直接在頁面嵌入JavaScript代碼
在使用<script>標(biāo)簽嵌入JavaScript代碼時，只需為<script>指定type屬性。然后，像下面這樣把JavaScript代碼直接放在標(biāo)簽內(nèi)部即可:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script type="text/javascript">
var word = "Hello, itbsl";
alert(word);
</script>
</head>
<body>
</body>
</html>
<script>的type屬性可以不要，這是因為當(dāng)初標(biāo)準(zhǔn)的制定者認(rèn)為標(biāo)簽內(nèi)嵌入還可能會嵌入其他語言，需要用type來指定標(biāo)簽內(nèi)的語言，但是發(fā)展到至今大家已經(jīng)知道，這里只會嵌入JavaScript，目前所有瀏覽器的默認(rèn)值就是text/javascript。
HTML文件內(nèi)可以嵌入任意多個script標(biāo)簽。
引入外部JavaScript文件
如果要通過<script>標(biāo)簽包含外部JavaScript文件，那么src屬性是必須的。這個屬性的值是一個指向外部JavaScript文件的鏈接，例如:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script type="text/javascript" src="./js/example.js"></script> </head> <body> </body> </html>
注意：帶有src屬性的<script>標(biāo)簽不應(yīng)該在其<script>和</script>標(biāo)簽之間再嵌入任何JavaScript代碼。如果嵌入了額外的JavaScript代碼，則只會下載并執(zhí)行src引入的外部腳本文件，嵌入的代碼會被忽略。
以上就是在HTML中使用JavaScript的兩種方法的詳細內(nèi)容，更多關(guān)于HTML中使用JavaScript的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了微信js-sdk地理位置接口用法,結(jié)合實例形式分析了js-sdk地理位置接口的定義與簡單使用方法,需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細介紹了js編寫簡單的聊天室功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
bootstrap-table+treegrid實現(xiàn)樹形表格
這篇文章主要為大家詳細介紹了bootstrap-table+treegrid實現(xiàn)樹形表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
微信小程序云函數(shù)使用mysql數(shù)據(jù)庫過程詳解
這篇文章主要介紹了微信小程序云函數(shù)使用mysql數(shù)據(jù)庫過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了JavaScript變量作用域及內(nèi)存問題,結(jié)合實例形式分析了javascript全局變量、局部變量、塊級作用域等概念及內(nèi)存優(yōu)化問題相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了JS組件Bootstrap實現(xiàn)下拉菜單效果代碼，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)循環(huán)輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了微信小程序select下拉框?qū)崿F(xiàn)效果，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
改進 JavaScript 和 Rust 的互操作性并深入認(rèn)識 wasm-bindgen 組件
這篇文章主要介紹了改進 JavaScript 和 Rust 的互操作性并深入認(rèn)識 wasm-bindgen 組件,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
微信小程序利用canvas 繪制幸運大轉(zhuǎn)盤功能
本文通過一段簡單的實例代碼給大家介紹微信小程序利用canvas 繪制幸運大轉(zhuǎn)盤，代碼很簡單，感興趣的朋友跟隨腳本之家小編一起看看吧2018-07-07