JavaScript

2005-08-06：補足

JavaScriptについて

JavaScriptは「クライアントサイドスクリプト」なので、ユーザー環境に依存します。使いこなすには、許可／不許可別の対応、ＯＳ別の対応、ブラウザ別の対応、各々のバージョン別の対応などが必要となります。

私はなるべくJavaScriptを使用しないことにしています。便利なスクリプトなのですが、ユーザー環境を考慮する部分が多すぎます。実際に使用しているのは、ヘルプ・フォームメールなどの別ウィンドウ表示関連が殆どですが、使用方法によっては、少し古いＯＳとブラウザの組合せに対応できない場合があります。

公共機関や銀行などでなければ、極端に古いバージョンは閲覧対象から除外することも１つの方法ですが、可能な限り除外要素は作りたくないとも考えています。やや矛盾しますがユーザーが便利だと考えられる場面以外には使用しないことににしています。

一般的なブラウザの初期設定では「JavaScript許可」になっていますが、セキュリティを考慮して、設定を切替（使い分け）しているユーザーも多くいますので、この場合の対処はいずれにしても必要です。

メタタグについて

HTML4.01では、<head>ー</head>の中で以下の記述となります。

まずこの部分ですが、一般的には記述しないことを推奨します。この記述をすると、実際のスクリプト記述場面でJavaのバージョン指定が機能しないという不具合があります。

通常スクリプトが実行されない場合は別に原因があります。上記メタタグを記述せずに次項をご参照ください。

スクリプト記述方法

<body>ー</body>での記述方法は、【１】ー【６】の５種類があります。

【１】<script type="text/javascript1.2">※バージョン指定

【２】<script type="text/javascript">

【３】<script language="javascript1.2">※バージョン指定

【４】<script language="javascript">

【５】<script>※JavaScript無指定

【６】<a ～～onClick ～～>などのイベントハンドラ

記述方法による違い

【１】の記述は、「InternetExplorer5.x」など、本来は「JavaScript1.2」対応であるブラウザでスクリプトが実行されません。

バージョン指定をする場合は「language属性」を使用するとエラー回避できます。

「language属性」は、HTML4.01で不適切とされていますが、現状では汎用性に優れます。但し、外部ファイル「.js」から呼出する場合は、以前不具合も報告されていましたので常に最新情報のチェックが必須です。

「language属性」でバージョン指定をしない場合は、【５】の記述でも一般的なブラウザでは代用可能です。なお、どの記述をしても<noscript>（Java無効の場合の記述）は必要ですので忘れずに！

【６】の「イベントハンドラ」はユーザーがある動作（クリックなど）をした時に、そのタイミング（イベント）を取得してスクリプトの実行を開始するタイプです。これは記述内容によりますので、専門書などで対応ＯＳやブラウザをご参照ください。

外部ファイル読み込み

JavaScriptを外部ファイルとして読み込むには、ＭＩＭＥタイプの設定がウェブサーバーに必要です。不許可の場合もあるので、ご利用のサーバーに確認ください。

ウェブサーバーであらかじめＭＩＭＥタイプの設定が用意されている場合もありますが、ウェブサーバーで「.htaccess」ファイルで設定する場合は、次のように記述します。

Addtype application/x-javascript.js

ＯＳやブラウザのバージョン指定

JavaScriptを機能させる為に、ＯＳやブラウザのバージョンを取得する方法は専門書などに記載がありますが、ＨＴＭＬが複雑化して処理も多岐に渡ります。それを理解して応用可能な方（ＨＰ作成のプロや上級者の方）以外にはお奨めできません。

JavaScriptを使用する以上、結果として古いＯＳやブラウザのユーザーが利用できないことはやむを得ないと思います。ショックを受ける方もいると思いますが、古いＯＳやブラウザの対処法に深入りしてもメリットは少ないと考えています。