[JavaScript チュートリアル] JavaScript 入門

JavaScript の概要

JavaScript は、インターネット上で最も人気のあるスクリプト言語であり、HTML および Web で使用でき、サーバー、PC、ラップトップ、タブレット、スマートフォン、その他のデバイスで広く使用できます。

JavaScript はスクリプト言語です

JavaScript は軽量プログラミング言語です。

JavaScript は、HTML ページに挿入できるプログラミング コードです。

JavaScript を HTML ページに挿入すると、最新のすべてのブラウザーで実行できます。

JavaScript は学ぶのが簡単です。

学習内容

このチュートリアルで学習する主な内容は次のとおりです。

JavaScript: HTML 出力ストリームに直接書き込みます

例

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

document.write は HTML 出力でのみ使用できます。ドキュメントがロードされた後にこのメソッドを使用すると、ドキュメント全体が上書きされます。

JavaScript: イベントへの反応

例

<button type="button" onclick="alert(&#39;欢迎!&#39;)">点我!</button>

alert() 関数は JavaScript ではあまり使用されませんが、コードのテストには非常に便利です。

onclick イベントは、このチュートリアルでこれから学習する多くのイベントの 1 つにすぎません。

JavaScript: HTML コンテンツを変更する

JavaScript を使用して HTML コンテンツを処理することは、非常に強力な機能です。

例

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

document.getElementById("some id") をよく目にします。このメソッドは HTML DOM で定義されます。

DOM (Document Object Model) は、HTML 要素にアクセスするための公式 W3C 標準です。

このチュートリアルの複数の章で HTML DOM について学習します。

JavaScript: HTML 画像を変更する

この例では、HTML dc0870658837139040642baa5555a380 のソース (src) を動的に変更します:

電球を点灯します

JavaScript は、画像だけでなく、HTML 要素のほとんどの属性を変更できます。

JavaScript: HTML スタイルの変更

HTML 要素のスタイルを変更します。これは、HTML 属性の変更の一種です。

例

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

JavaScript: 入力の検証

JavaScript は、ユーザー入力を検証するためによく使用されます。

例

if isNaN(x) {alert("不是数字")};

知っていましたか？

JavaScript と Java は、概念も設計もまったく異なる 2 つの言語です。
Java (Sun によって発明) は、より複雑なプログラミング言語です。

ECMA-262 は JavaScript 標準の正式名です。

JavaScript はブレンダン・アイヒによって発明されました。 1995 年に Netscape に登場し (ブラウザは現在更新されていません)、1997 年に ECMA (標準化協会) に採用されました。

上記は [JavaScript チュートリアル] JavaScript 入門の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。