So drucken Sie „Hello, World!' in JavaScript-js-Tutorial-php.cn

So drucken Sie „Hello, World!' in JavaScript

DDD

Freigeben： 2024-09-18 11:54:02

Original

516 Leute haben es durchsucht

Willkommen zu einem weiteren Teil unserer JavaScript-Reise! In diesem Blogbeitrag behandeln wir eine der grundlegendsten Aufgaben beim Programmieren: das Drucken von „Hello, World!“ zum Bildschirm. Diese einfache Übung ist eine großartige Möglichkeit, mit JavaScript zu beginnen und die Grundlagen der Funktionsweise der Sprache zu verstehen. Lasst uns eintauchen!

Drucken von „Hello, World!“ in JavaScript

Drucken von „Hello, World!“ ist ein klassisches Beispiel zur Einführung neuer Programmiersprachen. In JavaScript können Sie dies je nach der Umgebung, in der Sie arbeiten, auf verschiedene Arten erreichen. Wir behandeln die gängigsten Methoden: die Verwendung der Browserkonsole und die Anzeige der Nachricht auf einer Webseite.

Methode 1: Verwendung der Browserkonsole

Die Browserkonsole ist ein leistungsstarkes Tool zum Testen und Debuggen von JavaScript-Code. Sie können in den meisten modernen Webbrowsern auf die Konsole zugreifen, indem Sie F12 oder Strg Umschalt I (Windows/Linux) oder Befehlstaste Opt I (Mac) drücken.

Schritte:

Öffnen Sie Ihren Webbrowser und drücken Sie F12 oder Strg Umschalt I (Windows/Linux) oder Befehlstaste Opt I (Mac), um die Entwicklertools zu öffnen.
Navigieren Sie zur Registerkarte „Konsole“.
Geben Sie den folgenden JavaScript-Code ein und drücken Sie die Eingabetaste:

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

Nach dem Login kopieren

Erklärung:

console.log() ist eine integrierte JavaScript-Funktion, die eine Nachricht an die Browserkonsole ausgibt.
Die Zeichenfolge "Hello, World!" ist die Nachricht, die Sie anzeigen möchten.

Methode 2: Anzeige auf einer Webseite

Wenn Sie „Hello, World!“ anzeigen möchten. Auf einer Webseite müssen Sie HTML- und JavaScript-Code schreiben. So können Sie es machen:

Schritte:

Erstellen Sie eine neue HTML-Datei (z. B. index.html).
Öffnen Sie die Datei in einem Texteditor und fügen Sie den folgenden Code hinzu:

<!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>

Nach dem Login kopieren