一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務(wù)器之家 - 編程語言 - JavaScript - js教程 - 在HTML中使用JavaScript的兩種方法

在HTML中使用JavaScript的兩種方法

2021-12-18 17:42itbsl js教程

這篇文章主要介紹了在HTML中使用JavaScript的兩種方法,幫助大家更好的理解和制作網(wǎng)頁,感興趣的朋友可以了解下

在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>

在HTML中使用JavaScript的兩種方法

<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>

在HTML中使用JavaScript的兩種方法

注意:帶有src屬性的<script>標(biāo)簽不應(yīng)該在其<script>和</script>標(biāo)簽之間再嵌入任何JavaScript代碼。如果嵌入了額外的JavaScript代碼,則只會下載并執(zhí)行src引入的外部腳本文件,嵌入的代碼會被忽略。

在HTML中使用JavaScript的兩種方法

以上就是在HTML中使用JavaScript的兩種方法的詳細(xì)內(nèi)容,更多關(guān)于HTML中使用JavaScript的資料請關(guān)注服務(wù)器之家其它相關(guān)文章!

原文鏈接:https://www.cnblogs.com/itbsl/p/9942282.html

延伸 · 閱讀

精彩推薦
  • js教程微信小程序?qū)W習(xí)之自定義滾動彈窗

    微信小程序?qū)W習(xí)之自定義滾動彈窗

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)W習(xí)之自定義滾動彈窗的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考...

    юноша8962021-12-15
  • js教程JS 的 六種打斷點(diǎn)的方式,你用過幾種?

    JS 的 六種打斷點(diǎn)的方式,你用過幾種?

    Debugger 是前端開發(fā)很重要的一個工具,它可以在我們關(guān)心的代碼處斷住,通過單步運(yùn)行來理清邏輯。而 Debugger 用的好壞與斷點(diǎn)打得好壞有直接的關(guān)系。...

    神光的編程秘籍7762021-12-16
  • js教程在HTML中使用JavaScript的兩種方法

    在HTML中使用JavaScript的兩種方法

    這篇文章主要介紹了在HTML中使用JavaScript的兩種方法,幫助大家更好的理解和制作網(wǎng)頁,感興趣的朋友可以了解下...

    itbsl9112021-12-18
  • js教程js實現(xiàn)移動端輪播圖滑動切換

    js實現(xiàn)移動端輪播圖滑動切換

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)移動端輪播圖滑動切換,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    浪漫前端11222021-12-15
  • js教程原生JS實現(xiàn)pc端輪播圖效果

    原生JS實現(xiàn)pc端輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)pc端輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    qq_151984659972021-12-15
  • js教程原生JS實現(xiàn)京東查看商品點(diǎn)擊放大

    原生JS實現(xiàn)京東查看商品點(diǎn)擊放大

    這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)京東查看商品點(diǎn)擊放大,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    A.香辣雞腿堡7122021-12-15
  • js教程ES6字符串的擴(kuò)展實例

    ES6字符串的擴(kuò)展實例

    這篇文章主要介紹了ES6字符串的擴(kuò)展實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小...

    知否5442021-12-16
  • js教程微信小程序自定義modal彈窗組件的方法詳解

    微信小程序自定義modal彈窗組件的方法詳解

    這篇文章主要給大家介紹了關(guān)于微信小程序自定義modal彈窗組件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)...

    遇見小美好11882021-12-15
主站蜘蛛池模板: 欧美综合精品一区二区三区 | 免费在线观看伦理片 | 爽好紧别夹宝贝叫大声点护士 | 久久无码AV亚洲精品色午夜麻豆 | 欧美操屁股 | 亚洲欧美国产精品完整版 | 欧美乱码视频 | 无码人妻丰满熟妇啪啪网不卡 | 久9视频这里只有精品123 | 亚洲精品老司机福利在线播放 | 99精品国产自在现线观看 | 成人人免费夜夜视频观看 | 操穴片| 亚洲精品视频免费在线观看 | 婷婷天天 | les在宿舍吃她奶 | 日本九九视频 | 日产国产精品亚洲系列 | 538亚洲欧美国产日韩在线精品 | 国产大片视频免费观看 | 亚洲一区二区三区久久精品 | 日韩精品欧美 | 午夜DY888国产精品影院 | 国产精品天天在线 | 视频二区 素人 欧美 日韩 | 美女扒开粉嫩尿口漫画 | 四虎欧美| 99精品网 | 韩国美女被的免费视频 | 日本一道本视频 | 免费超级乱淫视频播放性 | 羞羞影院午夜男女爽爽影院网站 | 91久久青青青国产免费 | yellow视频免费观看播放 | 亚洲va在线va天堂va偷拍 | 暴露狂婷婷 | 91寡妇天天综合久久影院 | 疯狂激吻添下边小说 | 精品综合久久久久久8888 | 91精品国产一区 | 女同69式互添在线观看免费 |