javascript程式碼放在什麼裡面

duanhao發表於2021-09-11
JavaScript

JavaScript程式碼需要利用“<script>”標籤放在網頁裡面，藉助瀏覽器環境來執行；語法“<script>JS程式碼</script>”或“<script src="包含程式碼的js檔案"></script>”。

javascript程式碼放在什麼裡面

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript 程式不能夠獨立執行，只能在宿主環境中執行。一般情況下可以把 JavaScript 程式碼放在網頁中，藉助瀏覽器環境來執行。

把 JavaScript 程式碼放入網頁有兩種方法：

方法1：利用<script>標籤直接嵌入程式碼

在 HTML 頁面中嵌入 JavaScript 指令碼需要使用 <script> 標籤，使用者可以在 <script> 標籤中直接編寫 JavaScript 程式碼。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一個JavaScript程式</title>
    <script type="text/javascript">
        document.write("<h1>Hi,JavaScript!</h1>");
    </script>
</head>
<body></body>
</html>

1.png

方法2：將JavaScript 程式碼放入一個js檔案中，使用<script>標籤匯入js檔案

JavaScript 程式不僅可以直接放在 HTML 文件中，也可以放在 JavaScript 檔案中。

JavaScript 檔案是文字檔案，副檔名為.js，使用任何文字編輯器都可以編輯。

JavaScript 檔案不能夠獨立執行，需要匯入到網頁中，透過瀏覽器來執行。使用 <script> 標籤可以匯入 JavaScript 檔案。

例如：有一個test.js 檔案，裡面包含下面程式碼：

alert("Hi,JavaScript!");

在一個HTML檔案的<head> 標籤內插入一個 <script> 標籤。定義 src 屬性，設定屬性值為指向外部 JavaScript 檔案的 URL 字串。程式碼如下：

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

注意：

使用＜script＞標籤包含外部 JavaScript 檔案時，預設檔案型別為 Javascript。因此，不管載入的副檔名是不是 .js，瀏覽器都會按 JavaScript 指令碼來解析。

定義 src 屬性的 <script> 標籤不應再包含 JavaScript 程式碼。如果嵌入了程式碼，則只會下載並執行外部 JavaScript 檔案，嵌入程式碼將被忽略。

儲存HTML檔案，在瀏覽器中預覽：

2.png

【推薦學習：】

以上就是javascript程式碼放在什麼裡面的詳細內容，更多請關注php中文網其它相關文章！

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/1343/viewspace-2827233/，如需轉載，請註明出處，否則將追究法律責任。

相關文章