Heim > Web-Frontend > js-Tutorial > Hauptteil

So drucken Sie „Hello, World!' in JavaScript

DDD
Freigeben: 2024-09-18 11:54:02
Original
411 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:

  1. Ö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.
  2. Navigieren Sie zur Registerkarte „Konsole“.
  3. 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:

  1. Erstellen Sie eine neue HTML-Datei (z. B. index.html).
  2. Ö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

Erklärung:

  • Die  Deklaration definiert den Dokumenttyp und die Version von HTML.
  • Das  Element ist das Stammelement des HTML-Dokuments.
  • Das  Element enthält Metainformationen über das Dokument, wie z. B. den Zeichensatz und den Titel.
  • Das  Element enthält den Inhalt der Webseite.
  • Im 

     Element mit dem id Attribut message ist das „Hello, World!“-Element. Die Meldung wird angezeigt.

  • Das 
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!