溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html如何導入JavaScript，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
html導入JavaScript的方法有兩種：1、在HTML頁面中使用“<script>js代碼</script>”語句嵌入JavaScript代碼；2、HTML中，通過script標簽的src屬性引入外部JavaScript腳本文件。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
html文檔中導入JavaScript的方法
1、在 HTML 文檔中嵌入 JavaScript 代碼
在 HTML 頁面中嵌入 JavaScript 腳本需要使用 <script> 標簽，用戶可以在 <script> 標簽中直接編寫 JavaScript 代碼，具體步驟如下。
第1步，新建 HTML 文檔，保存為 test.html。
第2步，在 <head> 標簽內插入一個 <script> 標簽。
第3步，為 <script> 標簽設置type="text/javascript"屬性。
現代瀏覽器默認 <script> 標簽的腳本類型為 JavaScript，因此可以省略 type 屬性；如果考慮到兼容早期版本瀏覽器，則需要設置 type 屬性。
第4步，在 <script> 標簽內輸入 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步，保存網頁文檔，在瀏覽器中預覽，顯示效果如圖所示。在 JavaScript 腳本中，document 表示網頁文檔對象；document.write() 表示調用 Document 對象的 write() 方法，在當前網頁源代碼中寫入 HTML 字符串"<h2>億速云：https://www.php.cn/</h2>"。
2、在 HTML 文檔中引入外部JavaScript 代碼腳本文件
JavaScript 程序不僅可以直接放在 HTML 文檔中，也可以放在 JavaScript 腳本文件中。JavaScript 腳本文件是文本文件，擴展名為.js，使用任何文本編輯器都可以編輯。
常用的文本編輯器有 Windows 系統中的記事本、Linux 系統中的 Vim、Sublime Text、Notepad++ 等。對于初學者來說，建議先使用文本編輯器來編寫 JavaScript 代碼，這樣有助于我們對 JavaScript 語法、關鍵字、函數等內容的記憶。等到了實際開發階段，則可以選擇一些更加專業的代碼編輯器，例如 Visual Studio Code（簡稱“VS Code”）、WebStorm（收費）、Atom 等，這樣可以提高開發效率。
新建 JavaScript 文件的步驟如下。
第1步，新建文本文件，保存為 test.js。注意，擴展名為.js，它表示該文本文件是 JavaScript 類型的文件。
第2步，打開 test.js 文件，在其中編寫如下 JavaScript 代碼。
alert("億速云：https://www.php.cn/");第3步，保存 JavaScript 文件。在此建議把 JavaScript 文件和網頁文件放在同一個目錄下。在上面代碼中，alert() 表示 Window 對象的方法，調用該方法將彈出一個提示對話框，顯示參數字符串 "Hi, JavaScript!"。
JavaScript 文件不能夠獨立運行，需要導入到網頁中，通過瀏覽器來執行。使用 <script> 標簽可以導入 JavaScript 文件。
第4步，新建 HTML 文檔，保存為 test.html。
第5步，在 <head> 標簽內插入一個 <script> 標簽。定義 src 屬性，設置屬性值為指向外部 JavaScript 文件的 URL 字符串。代碼如下：
<script type="text/javascript" src="test.js"></script>
第6步，保存網頁文檔，在瀏覽器中預覽，顯示效果如圖所示。注意：使用＜script＞標簽包含外部 JavaScript 文件時，默認文件類型為 Javascript。因此，不管加載的文件擴展名是不是 .js，瀏覽器都會按 JavaScript 腳本來解析。
定義 src 屬性的 <script> 標簽不應再包含 JavaScript 代碼。如果嵌入了代碼，則只會下載并執行外部 JavaScript 文件，嵌入代碼將被忽略。
以上是“html如何導入JavaScript”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
