javascript - javascript が無効になっている場合の表示: なし / 可視性: 非表示のフォールバック

Question

基本的に、最初にcssファイルに特定の要素を設定し、jQueryの助けを借りてそれらを表示しますdisplay: none;。visibility: hidden;ユーザーがJavaScriptを無効にしている場合、これらの非表示の要素がまったく表示されないことを意味すると考えていました。javascript が無効になっているブラウザにこのコンテンツを表示するために、一種のフォールバックを作成するにはどうすればよいですか?

Answer 1

あなたの頭の中に、次のようなものを置きます：

<noscript>
    <style type="text/css">
        .hidden_by_js_class {display: block;}
    </style>
</noscript>

MDNから:

HTML<noscript>要素は、ページのスクリプト タイプがサポートされていない場合、またはブラウザでスクリプトが現在オフになっている場合に挿入される html のセクションを定義します。