header

JavaScriptのON/OFFを調べる

(1/1)

Ajax のおかげで再び JavaScript が脚光を浴びている。ここでは、JavaScript の便利なテクニックを紹介していくことにする。JavaScriptの基本文法を知っている方が対象である。

セキュリティの観点から、ブラウザでJavaScriptをOFFにしている人がいる。まず最初に、JavaScript の ON/OFF を調べ、その結果によってジャンプ先を変更するページを紹介する。下記のソースを "isjs.html" という名前でセーブしてほしい。 なお、行番号は便宜上付けているだけである。セーブするときには省くこと。

0001: <?xml version="1.0" encoding="Shift_JIS" ?>
0002: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
0003:     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0004: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
0005: <head>
0006: <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
0007: <meta http-equiv="refresh"content="0;URL=jsoff.html">
0008: <title>JavaScriptのON/OFFを調べてジャンプ</title>
0009: <script language="JavaScript">
0010: <!---
0011: function gotojs() {
0012:     location.href = "json.html";
0013: }
0014: //-->
0015: </script>
0016: </head>
0017: <body>
0018: <a href="nometa.html">ココ</a>をクリックしてください。</a>
0019: <script language="JavaScript">
0020: <!---
0021:     gotojs()
0022: //-->
0023: </script>
0024: </body>
0025: </html>

プログラムを実行する

このページをブラウザで開くと、ブラウザの状態によって以下の3つに分岐する。

1 JavaScript がON 自動的に"json.html"へジャンプする(21行目)
2 JavaScript がOFF 自動的に"jsoff.html"へジャンプする(7行目)
3 <meta http-equiv="refresh">が有効に機能しない 手動で "nometa.html"へジャンプする(18行目)