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行目) |
| 2006年03月30日更新 | ||
| <<前へ | <目次> | 次へ>> |
| 戻る | 【関連ページ】 | |