JavaScript は、いわゆるクライアント側スクリプト言語です。つまり、インターネット ブラウザ内で実行されるコンピュータ プログラミング言語です (ブラウザは、Web サーバーに接続してページをダウンロードするため、Web クライアントとも呼ばれます)。
JavaScript の仕組みは興味深いです。通常の Web ページ内に JavaScript コードを配置します (Web ページの詳細については、「Web ページの仕組み」を参照してください)。ブラウザーがページを読み込むと、ブラウザーにはページ内で見つかった JavaScript コードを読み取って実行するインタープリターが組み込まれています。
Web ページデザイナー。最も一般的な方法の 1 つは、フォームでフィールド検証を行うことです。多くの Web サイトはオンライン フォームでユーザーから情報を収集しており、JavaScript はエントリの検証に役立ちます。たとえば、プログラマは、フォームに入力された人の年齢が 1 ～ 120 の範囲にあることを検証する場合があります。
Web ページのデザイナーが JavaScript を使用するもう 1 つの方法は、電卓を作成することです。以下にいくつかの例を示します。
- – 電卓の大きなコレクション
非常に単純な JavaScript 計算機の例として、以下の HTML は、JavaScript を使用して華氏から摂氏へのコンバーターを作成する方法を示しています。
<html>
<頭>
<スクリプト言語="JavaScript">
<!-- このスクリプトを古いブラウザから非表示にします
関数 temp(フォーム)
{
var f = parseFloat(form.DegF.value, 10);
var c = 0;
c = (f - 32.0) * 5.0 / 9.0;
form.DegC.value = c;
}
// 古いブラウザからの非表示を完了 -->
</script>
</head>
<本文>
<フォーム>
<h2>華氏から摂氏へのコンバータ</h2>
温度を華氏で入力します。
<INPUT NAME="°F" VALUE="0" MAXLENGTH="15" SIZE=15>
<p>
温度を計算するにはこのボタンをクリックしてください
℃:
<INPUT NAME="計算" VALUE="計算" TYPE=BUTTON
onClick=temp(this.form)>
<p>
温度 (℃) は次のとおりです。
<INPUT NAME="DegC" 読み取り専用サイズ=15>
</FORM>
</body>
</html>
「Web ページの仕組み」と「CGI スクリプトの仕組み」を読んだことがあれば、この HTML のかなりの部分はよく理解できるでしょう。これは Web ページの基本構造です。
<html> <頭> </head> <本文> </body> </html>
ヘッダーには、華氏から摂氏への変換を計算する関数である JavaScript コードが 1 つあります。
<頭>
<スクリプト>
<!-- このスクリプトを古いブラウザから非表示にします
関数 temp(フォーム)
{
var f = parseFloat(form.DegF.value, 10);
var c = 0;
c = (f - 32.0) * 5.0 / 9.0;
form.DegC.value = c;
}
<!-- 古いブラウザからの非表示が完了 -->
</script>
</head>
この関数は温度と呼ばれます。これには、摂氏温度を計算するための JavaScript コードが含まれています。
ページの本文には、次のような典型的なフォームがあります。
<フォーム> <h2>華氏から摂氏へのコンバータ</h2> 温度を華氏で入力します。 <INPUT NAME="°F" VALUE="0" MAXLENGTH="15" SIZE=15> <p> 温度を計算するにはこのボタンをクリックしてください ℃: <INPUT NAME="計算" VALUE="計算" TYPE=BUTTON onClick=temp(this.form)> <p> 温度 (℃) は次のとおりです。 <INPUT NAME="DegC" 読み取り専用サイズ=15> </FORM>
この行が重要です:
<INPUT NAME="計算" VALUE="計算" TYPE=BUTTON onClick=temp(this.form)>
これは通常のボタン コントロールです。ユーザーがクリックすると、onClick 表記により、ページの先頭にある関数が呼び出されます。
プログラミング言語としては、JavaScript の難易度は平均的です。すでにプログラミングを理解している場合、その使用方法を学ぶのは特に難しいことではありませんが、プログラミングの初心者にとっては、決して簡単に始めることができる言語ではありません。ただし、このサンプル コードを変更して拡張し、他の計算機を作成することもできます。
詳細については、以下を参照してください。
