如何在 JavaScript 中列印'Hello, World!”-js教程-PHP中文網

如何在 JavaScript 中列印'Hello, World!”

DDD

發布： 2024-09-18 11:54:02

原創

462 人瀏覽過

歡迎來到我們的 JavaScript 之旅的另一部分！在這篇文章中，我們將介紹程式設計中最基本的任務之一：將「Hello, World!」列印到螢幕上。這個簡單的練習是開始使用 JavaScript 和了解語言運作原理的好方法。讓我們潛入吧！

列印「你好，世界！」在 JavaScript 中

列印「你好，世界！」是用來介紹新程式語言的經典範例。在 JavaScript 中，您可以透過多種方式實現此目的，具體取決於您所處的環境。我們將介紹最常見的方法：使用瀏覽器控制台並在網頁上顯示訊息。

方法一：使用瀏覽器控制台

瀏覽器控制台是用於測試和偵錯 JavaScript 程式碼的強大工具。您可以按F12 或Ctrl Shift I (Windows/Linux) 或Cmd Opt I (Mac) 來存取大多數現代網頁瀏覽器中的控制台。

步驟：

開啟網頁瀏覽器並按F12或Ctrl Shift I（Windows/Linux）或Cmd Opt I（Mac）開啟開發者工具。
導覽至「控制台」標籤。
輸入以下 JavaScript 程式碼並按下 Enter：

console.log("Hello, World!");

登入後複製

說明：

console.log() 是內建 JavaScript 函數，可將訊息輸出到瀏覽器控制台。
字串「Hello, World!」是您要顯示的訊息。

方法二：在網頁上顯示

如果你想顯示「Hello, World!」在網頁上，您需要寫一些 HTML 和 JavaScript 程式碼。操作方法如下：

步驟：

建立一個新的 HTML 檔案（例如，index.html）。
在文字編輯器中開啟檔案並新增以下程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello, World!</title>
</head>
<body>
    <h1 id="message"></h1>

    <script>
        document.getElementById("message").innerText = "Hello, World!";
    </script>
</body>
</html>

登入後複製

說明：

聲明定義了 HTML 的文檔類型和版本。
元素是 HTML 文件的根元素。
元素包含有關文件的元信息，例如字元集和標題。
元素包含網頁的內容。
具有 id 屬性 message 的
元素是「Hello, World!」的位置。將顯示訊息。
<script></script> 元素包含將
元素的內部文字設定為「Hello, World!」的 JavaScript 程式碼。

方法 3：使用alert()

另一種顯示「Hello, World!」的方式是透過使用alert()函數，它會顯示一個帶有指定訊息的彈出對話框。

步驟：

建立一個新的 HTML 檔案（例如，index.html）。
在文字編輯器中開啟檔案並新增以下程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello, World!</title>
</head>
<body>
    <script>
        alert("Hello, World!");
    </script>
</body>
</html>

登入後複製

How to Print