快捷導(dǎo)航

在HTML中使用JavaScript的兩種方法

更新時間：2020年12月24日 10:29:27 作者：itbsl

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

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

直接在頁面嵌入JavaScript代碼

在使用<script>標簽嵌入JavaScript代碼時，只需為<script>指定type屬性。然后，像下面這樣把JavaScript代碼直接放在標簽內(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文件內(nèi)可以嵌入任意多個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>

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

以上就是在HTML中使用JavaScript的兩種方法的詳細內(nèi)容，更多關(guān)于HTML中使用JavaScript的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

bootstrap 設(shè)置checkbox部分選中效果
本篇文章主要介紹了bootstrap 設(shè)置checkbox部分選中效果，主要涉及到j(luò)s各個方面的內(nèi)容，對于bootstrap設(shè)置checkbox選中效果感興趣的朋友可以參考一下吧
2017-04-04
ionic實現(xiàn)帶字的toggle滑動組件
這篇文章主要為大家詳細介紹了ionic實現(xiàn)帶字的toggle滑動組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
JavaScript中交換值的10種方法總結(jié)
這篇文章主要給大家總結(jié)介紹了JavaScript中交換值的10種方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
js實現(xiàn)簡單的點名器隨機色實例代碼
這篇文章主要給大家介紹了關(guān)于js實現(xiàn)簡單的點名器隨機色的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-09-09
js中定義一個變量并判斷其是否為空的方法
這篇文章主要介紹了js中定義一個變量 var params=null;判斷params 為/不為空的方法 ,需要的朋友可以參考下
2014-05-05
地址欄上的一段語句，改變頁面的風格。（教程）
地址欄中的js改變頁面的風格代碼
2008-04-04
js 客戶端打印html 并且去掉頁眉、頁腳的實例
下面小編就為大家?guī)硪黄猨s 客戶端打印html 并且去掉頁眉、頁腳的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
JS實現(xiàn)的另類手風琴效果網(wǎng)頁內(nèi)容切換代碼
這篇文章主要介紹了JS實現(xiàn)的另類手風琴效果網(wǎng)頁內(nèi)容切換代碼,通過JavaScript響應(yīng)鼠標事件動態(tài)操作頁面元素樣式屬性實現(xiàn)手風琴效果,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
JS分割字符串并放入數(shù)組的函數(shù)
JS分割字符串并放入數(shù)組的函數(shù)，需要的朋友可以參考下。
2011-07-07
不同瀏覽器對回車提交表單的處理辦法
在瀏覽器中填寫表單的時，可以直接在“文本框”中敲擊“Enter”來提交表單，很是方便。
2010-02-02