2

JavaScript が有効でないブラウザで HTML を非表示にするにはどうすればよいですか? 私は次のようなことを考えていましたが、私の FF ブラウザーでは動作せず、検証さえしません。何かご意見は?ありがとう

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <body class="wrap">
        <noscript>
            <h1>JavaScript is turned off in your web browser.<br />Turn it on to use this site, then refresh the page.</h1>
            <style type="text/css">
                body { display:none; }
                noscript { display:block !important; }
            </style>
        </noscript>
        HTML for JavaScript only browsers goes here...
    </body>
</html>
4

1 に答える 1

3

このようにする必要があります

<body class="wrap">

    <noscript>

        <h1>JavaScript is turned off O_o</h1>

        <style type="text/css">

            .onlyscript { display:none; }

        </style>

    </noscript>

    <div class="onlyscript">HTML for JavaScript only browsers goes here...</div>

</body>

だってこれ

        <style type="text/css">
            body { display:none; }
            noscript { display:block !important; }
        </style>

は本当に紛らわしい構造であり、不当な "!important;" です。使用する。それは将来問題を引き起こす可能性があります。スマートなバグ ファームを作成するよりも、単純な方がよいでしょう :)

于 2012-11-07T02:32:09.050 に答える