激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

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

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

在HTML中使用JavaScript的兩種方法

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

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

在HTML中使用HTML需要借助<scirpt>標簽,使用<script>標簽的方式有兩種:一種是直接在<script>標簽中嵌入JavaScript代碼,另一種是用<script>的src屬性引入外部JavaScript文件。

直接在頁面嵌入JavaScript代碼

在使用<script>標簽嵌入JavaScript代碼時,只需為<script>指定type屬性。然后,像下面這樣把JavaScript代碼直接放在標簽內部即可:

<!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屬性可以不要,這是因為當初標準的制定者認為標簽內嵌入還可能會嵌入其他語言,需要用type來指定標簽內的語言,但是發展到至今大家已經知道,這里只會嵌入JavaScript,目前所有瀏覽器的默認值就是text/javascript。

HTML文件內可以嵌入任意多個script標簽。

引入外部JavaScript文件

如果要通過<script>標簽包含外部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>標簽不應該在其<script>和</script>標簽之間再嵌入任何JavaScript代碼。如果嵌入了額外的JavaScript代碼,則只會下載并執行src引入的外部腳本文件,嵌入的代碼會被忽略。

在HTML中使用JavaScript的兩種方法

以上就是在HTML中使用JavaScript的兩種方法的詳細內容,更多關于HTML中使用JavaScript的資料請關注服務器之家其它相關文章!

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

延伸 · 閱讀

精彩推薦
  • js教程微信小程序學習之自定義滾動彈窗

    微信小程序學習之自定義滾動彈窗

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

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

    JS 的 六種打斷點的方式,你用過幾種?

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

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

    在HTML中使用JavaScript的兩種方法

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

    itbsl9112021-12-18
  • js教程js實現移動端輪播圖滑動切換

    js實現移動端輪播圖滑動切換

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

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

    原生JS實現pc端輪播圖效果

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

    qq_151984659972021-12-15
  • js教程原生JS實現京東查看商品點擊放大

    原生JS實現京東查看商品點擊放大

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

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

    ES6字符串的擴展實例

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

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

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

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

    遇見小美好11882021-12-15
主站蜘蛛池模板: 国产艳妇av视国产精选av一区 | 免费观看一级淫片 | 日韩在线观看电影 | 一级大片在线观看 | 88xx成人永久免费观看 | 日本一区二区久久 | 日本欧美一区二区三区在线播 | 久久久免费观看完整版 | 538在线精品 | 国产日产精品一区四区介绍 | 亚洲视频在线网 | 国产一级小视频 | 国产一级二级在线播放 | 毛片在哪看 | 国产乱free国语对白 | 毛片大全在线观看 | a黄色片 | 日日噜噜噜夜夜狠狠久久蜜桃 | 亚洲精品一区二区三区免 | 欧美日韩免费在线观看视频 | 哪里可以看免费的av | 成人黄视频在线观看 | 国产一国产精品一级毛片 | 一夜新娘第三季免费观看 | 国产日韩成人 | 黄色男女视频 | 日本网站一区二区三区 | 亚洲国产精久久久久久久 | 亚洲情在线 | 亚洲日本欧美 | 久久探花| 成人一级片毛片 | 精品一区二区三区免费 | 国产人成精品一区二区三 | 欧美四级在线观看 | 久久久久久久久久久久久久久久久久 | 日本a级一区 | 免费视频xxxx | 国产精品jk白丝蜜臀av软件 | 成人爱情偷拍视频在线观看 | 91福利免费视频 |