溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

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

html如何導(dǎo)入JavaScript

發(fā)布時間：2021-10-15 10:43:51 來源：億速云 閱讀：916 作者：小新 欄目：web開發(fā)

這篇文章主要介紹html如何導(dǎo)入JavaScript，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

html導(dǎo)入JavaScript的方法有兩種：1、在HTML頁面中使用“<script>js代碼</script>”語句嵌入JavaScript代碼；2、HTML中，通過script標(biāo)簽的src屬性引入外部JavaScript腳本文件。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

html文檔中導(dǎo)入JavaScript的方法

1、在 HTML 文檔中嵌入 JavaScript 代碼

在 HTML 頁面中嵌入 JavaScript 腳本需要使用 <script> 標(biāo)簽，用戶可以在 <script> 標(biāo)簽中直接編寫 JavaScript 代碼，具體步驟如下。

第1步，新建 HTML 文檔，保存為 test.html。

第2步，在 <head> 標(biāo)簽內(nèi)插入一個 <script> 標(biāo)簽。

第3步，為 <script> 標(biāo)簽設(shè)置type="text/javascript"屬性。

現(xiàn)代瀏覽器默認(rèn) <script> 標(biāo)簽的腳本類型為 JavaScript，因此可以省略 type 屬性；如果考慮到兼容早期版本瀏覽器，則需要設(shè)置 type 屬性。

第4步，在 <script> 標(biāo)簽內(nèi)輸入 JavaScript 代碼

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一個JavaScript程序</title>
    <script type="text/javascript">
        document.write("<h2>億速云：https://www.php.cn/</h2>");
    </script>
</head>
<body></body>
</html>

第5步，保存網(wǎng)頁文檔，在瀏覽器中預(yù)覽，顯示效果如圖所示。在 JavaScript 腳本中，document 表示網(wǎng)頁文檔對象；document.write() 表示調(diào)用 Document 對象的 write()  方法，在當(dāng)前網(wǎng)頁源代碼中寫入 HTML 字符串"<h2>億速云：https://www.php.cn/</h2>"。

2、在 HTML 文檔中引入外部JavaScript 代碼腳本文件

JavaScript 程序不僅可以直接放在 HTML 文檔中，也可以放在 JavaScript 腳本文件中。JavaScript 腳本文件是文本文件，擴(kuò)展名為.js，使用任何文本編輯器都可以編輯。

常用的文本編輯器有 Windows 系統(tǒng)中的記事本、Linux 系統(tǒng)中的 Vim、Sublime Text、Notepad++ 等。對于初學(xué)者來說，建議先使用文本編輯器來編寫 JavaScript 代碼，這樣有助于我們對 JavaScript 語法、關(guān)鍵字、函數(shù)等內(nèi)容的記憶。等到了實際開發(fā)階段，則可以選擇一些更加專業(yè)的代碼編輯器，例如 Visual Studio Code（簡稱“VS Code”）、WebStorm（收費）、Atom 等，這樣可以提高開發(fā)效率。

新建 JavaScript 文件的步驟如下。

第1步，新建文本文件，保存為 test.js。注意，擴(kuò)展名為.js，它表示該文本文件是 JavaScript 類型的文件。

第2步，打開 test.js 文件，在其中編寫如下 JavaScript 代碼。

alert("億速云：https://www.php.cn/");

第3步，保存 JavaScript 文件。在此建議把 JavaScript 文件和網(wǎng)頁文件放在同一個目錄下。在上面代碼中，alert() 表示 Window 對象的方法，調(diào)用該方法將彈出一個提示對話框，顯示參數(shù)字符串 "Hi, JavaScript!"。

JavaScript 文件不能夠獨立運行，需要導(dǎo)入到網(wǎng)頁中，通過瀏覽器來執(zhí)行。使用 <script> 標(biāo)簽可以導(dǎo)入 JavaScript 文件。

第4步，新建 HTML 文檔，保存為 test.html。

第5步，在 <head> 標(biāo)簽內(nèi)插入一個 <script> 標(biāo)簽。定義 src 屬性，設(shè)置屬性值為指向外部 JavaScript 文件的 URL 字符串。代碼如下：

<script type="text/javascript" src="test.js"></script>

第6步，保存網(wǎng)頁文檔，在瀏覽器中預(yù)覽，顯示效果如圖所示。注意：使用＜script＞標(biāo)簽包含外部 JavaScript 文件時，默認(rèn)文件類型為 Javascript。因此，不管加載的文件擴(kuò)展名是不是 .js，瀏覽器都會按 JavaScript 腳本來解析。

定義 src 屬性的 <script> 標(biāo)簽不應(yīng)再包含 JavaScript 代碼。如果嵌入了代碼，則只會下載并執(zhí)行外部 JavaScript 文件，嵌入代碼將被忽略。

以上是“html如何導(dǎo)入JavaScript”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

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

AI
助
手