JavaScriptが無効なブラウザや、JavaScriptに未対応のブラウザへの対策。
- JavaScriptのコードを、HTMLのコメントアウト
<!--コメント// -->で括り、JavaScriptが無効なブラウザへ、表示させないようにする。 - JavaScriptが無効なブラウザへの表示内容は、noscriptタグ
<noscript></noscript>で括り、記述する。
JavaScript無効ブラウザ対策
<script type="text/javascript">
<!--
// ここに、JavaScriptコード。
// -->
</script>
<noscript>
// ここに、JavaScript無効ブラウザ用の表示内容を記述する。
</noscript>
<!--
// ここに、JavaScriptコード。
// -->
</script>
<noscript>
// ここに、JavaScript無効ブラウザ用の表示内容を記述する。
</noscript>
サンプル
サンプルについて
ブラウザの設定で、JavaScriptが有効の場合、「JavaScriptは、有効です。」と表示する。
ブラウザの設定で、JavaScriptが無効の場合、「ブラウザの設定で、JavaScript を、有効にして下さい。」と表示する。
サンプルのソースコード
bodyタグ<body></body>の中に、下記のJavaScriptとHTMLのソースコードを、埋め込む。
JavaScript
<script type="text/javascript">
<!--
document . getElementById( "sample" ) . innerHTML = "<p>JavaScriptは、有効です。</p>";
// -->
</script>
<noscript>
<p>ブラウザの設定で、JavaScript を、有効にして下さい。</p>
</noscript>
<!--
document . getElementById( "sample" ) . innerHTML = "<p>JavaScriptは、有効です。</p>";
// -->
</script>
<noscript>
<p>ブラウザの設定で、JavaScript を、有効にして下さい。</p>
</noscript>
HTML
<div id="sample"></div>