トップ » JavaScript

JavaScript

 米ネットスケープ・コミュニケーションズが開発したオブジェクト指向のインターネット用スクリプト言語。Javaと混同されることが多いが、別の言語である。マウスをクリックする、などユーザーの操作に合わせてWebページの表示内容を変えたり、アンケートなどでフォームに入力したデータをチェックするなど、HTMLだけではできない機能をWebページ上で実現できる。

Javaがソースをバイトコードという形にコンパイルしてインターネットなどを通じて実行されるのに対し、JavaScriptはHTMLファイルに直接コードを記述してブラウザーで実行する。Javaより実行速度は速いが、複雑なプログラムの作成には向かない。1997年6月には欧州の標準化団体ECMAが、JavaScriptに基づいたクロスプラットフォーム用のスクリプト言語としてECMAScript(ECMA-262)を定めた。ジャバスクリプト

ポップアップタブの表示

JavaScriptをつかっいるわけではありませんが、いろいろ凝ったページや気の利いたページがありますが、その中でリンク文字の上や画像、レイヤー上などにマウスを乗せるとポップアップタブ(Macではバルーンヘルプ)が表示されることがあります。このような処理はNetscape4.xまではレイヤーを用意してJavaScriptで制御する必要がありましたが最新のNetscape 6およびInternet Explorer 4以降ではHTMLのタグ内に以下のように記述するだけで実現することができます。

We-Are-The-World ネットニュース

TITLE属性により指定した文字が自動的に表示され一定時間経過すると消えます。以前はリンク先の説明などはステータスバーに表示することがありましたが、現在ではTITLE属性を使って指定する方が便利でしょう。

デバッグ:JavaScript TypeIn

 JavaScriptはスクリプト言語なのでHTMLとは違いエラーが発生することがあります。Netscape 4.5, 4.06以前ではエラーが発生するとエラーウィンドウが表示されていましたが、4.5,4.06以降では画面左下のステータスバーに小さく表示されるだけになりました。

このため、エラーが発生したかどうか分からないのと、どういうエラーなのかがわかりにくくなっています。そこで場所(URLを入れる所、英語版だとlocation:)の所にJavaScript:と入力してリターンキーを押します。するとJavaScript TypeInウィンドウが表示され、エラーの表示や簡易的にJavaScriptの命令などを入力して実行結果を確かめることができるようになります。

これはNetscape 2.0以降であれば使用できますがInternet Explorerでは存在しないため使用できません。

JavaScriptとSSIとの連携

あまり一般的ではありませんがJavaScriptはCGIと連携することができるだけでなくSSI (Server Side Include)とも多少連携することができます。例えばJavaScriptはドメイン名やURLは取得できますがIPアドレスを取得することはできません。

CGIを使用した場合、cgiからHTML+JavaScriptソースを吐き出すことになりますがSSIであればSSIコマンドをJavaScript中に記述するだけで終わります。以下にサンプルを載せておきますが、必ずサーバー側でSSIコマンドが先に実行され、その後にブラウザがJavaScriptを実行します。

IEのビルド番号

 Internet Explorerは見た目には同じバージョンであってもJavaScriptなどの動作が異なる場合があります。これは実際には修正変更があってもマイナーバージョン(4.01の01の部分)にマイクロソフト社が反映させないためです。このため出荷時期により動作が異なるという泥沼的な事態が発生します。では、まったく同じかというとビルド番号というものによりある程度は知ることができます。

Webブラウザーのバージョンに注意

 マイクロソフト社のInternet Explorerはバージョン3.0からJavaScriptに対応しています。ネットスケープナビゲーターは、バージョン2.0からJavaScriptに対応しています。

バージョンが上がるごとにその機能も拡張されるため、バージョンによって動作しないJavaScriptプログラムもあるので注意してください。

特にJavaScriptは使えるブラウザでも最近ではJavaScriptで他の新しい仕様の技術も操作できるようになったため、操作の対象とする新しい技術の方にブラウザが対応せずに動作しない場合があります。

キーワード

このページの先頭へ

高速検索リンク

このページの先頭へ

バナー

激安クラウド商品検索

「Webサイト構築セミナー」Movable Typeを使用して自社サイトを構築しよう!詳細はこちら。

書籍好評発売中「crema designの謎」

we-are-the-world ネットニュース menu

バナー

We-Are-The-World ネットニュースメールマガジン登録と解除

ホテルAPI検索

ファッションブランド

インターネット information

フードランド

ソフトウェア

歴史と文化

BBS

http://we-are-the-world.net/shopping/smart_search.php