開発者ドキュメント

JavaScriptが無効の場合、別のコンテンツを表示する

セキュリティ上の懸念から、多くのユーザーは、WebブラウザでJavaScriptを無効にすることを好むし、多くのWebサイトで大きな問題を引き起こしています。 JavaScriptが無効になっている場合、HTML ”

noscript

“タグを使用してさまざまなコンテンツを表示するという簡単で簡単な解決策です。

次の完全な「

noscript

」の例を参照してください。

  1. JavaScriptが無効の場合:警告メッセージを表示し、

CSSを使ってコンテンツ全体

  1. JavaScriptが有効になっている場合:微妙に何もしないでください.

<html>
<head></head>
<body>
<h1>noscript example</h1>
<noscript>
    <h2>JavaScript is disabled! Why you want to do so?
    Please enable JavaScript in your web browser!</h2>

    <style type="text/css">
        #main-content { display:none; }
    </style>
</noscript>

<div id="main-content">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-2836379775501347"
     data-ad-slot="6894224149"></ins>
<script>
     (adsbygoogle = window.adsbygoogle ||[]).push({});
</script><h2>Welcome, JavaScript user, i like web browser with JavaScript enabled!</h2>
</div>

</body>
</html>

デモ

図1:JavaScriptを無効にしたWebブラウザ



図2:JavaScriptを有効にしたWebブラウザ



ソースコードをダウンロードする

ダウンロードする – リンク://wp-content/uploads/2011/11/noscript-example.zip[noscript-example.zip](1 KB)

リンク://タグ/javascript/[javascript]

モバイルバージョンを終了