JavaScript で「Hello, World!」を印刷する方法-jsチュートリアル-php.cn

JavaScript で「Hello, World!」を印刷する方法

Sep 18, 2024 am 11:54 AM

JavaScript の旅の別の記事へようこそ!このブログ投稿では、プログラミングにおける最も基本的なタスクの 1 つである、「Hello, World!」の出力について説明します。画面に。この簡単な演習は、JavaScript を使い始めて、言語の仕組みの基本を理解するのに最適な方法です。飛び込んでみましょう!

「Hello, World!」を印刷するJavaScript で

「Hello, World!」を印刷するは、新しいプログラミング言語を導入するために使用される典型的な例です。 JavaScript では、作業している環境に応じて、いくつかの方法でこれを実現できます。ブラウザコンソールを使用する方法と、Web ページにメッセージを表示する方法という、最も一般的な方法について説明します。

方法 1: ブラウザコンソールを使用する

ブラウザコンソールは、JavaScript コードのテストとデバッグのための強力なツールです。ほとんどの最新の Web ブラウザでコンソールにアクセスするには、F12 または Ctrl Shift I (Windows/Linux) または Cmd Opt I (Mac) を押します。

手順:

Web ブラウザを開き、F12 または Ctrl Shift I (Windows/Linux) または Cmd Opt I (Mac) を押して開発者ツールを開きます。
「コンソール」タブに移動します。
次の JavaScript コードを入力し、Enter を押します。

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

ログイン後にコピー

説明:

console.log() は、ブラウザのコンソールにメッセージを出力する組み込みの JavaScript 関数です。
文字列「Hello, World!」は、表示するメッセージです。

方法 2: Web ページに表示する

「Hello, World!」を表示したい場合Web ページでは、HTML および JavaScript コードを記述する必要があります。その方法は次のとおりです:

手順:

新しい HTML ファイルを作成します (例: index.html)。
テキストエディタでファイルを開き、次のコードを追加します。

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

    &lt;script&gt;
        document.getElementById("message").innerText = "Hello, World!";
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

ログイン後にコピー

説明:

<!DOCTYPE html> 宣言は、HTML のドキュメントタイプとバージョンを定義します。
<html> 要素は、HTML ドキュメントのルート要素です。
要素には、文字セットやタイトルなどのドキュメントに関するメタ情報が含まれます。
<body> 要素には、Web ページのコンテンツが含まれます。
属性を持つ<h1>要素メッセージ
<script> 要素には、<h1>

方法 3:alert() を使用する

「Hello, World!」を表示する別の方法これは、alert()

関数を使用することにより、指定されたメッセージを含むポップアップダイアログボックスを表示します。

手順:

新しい HTML ファイルを作成します (例: index.html

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

ログイン後にコピー

How to Print