1

javascriptが無効になっている場合にポップアップするウィンドウを作成する方法はありますか？

4

2 に答える 2

6 
<noscript>
    <style type="text/css">
        #body {display:none;}
        #alertdiv {display:inline;}
    </style>
</noscript>

ここで、#alertdivは必要なメッセージ（デフォルトでは非表示）を表示するように設計されたdivと#body、javascriptがアクティブ化されていない場合に非表示になるメインdivのIDです。ただし、これはオプションです。

ポップアップはwindow.openコマンドであり、javascriptなしでは存在しません。似たようなものをエミュレートする必要があります。[2015年の更新：bootstrap、jquery ...は、ポップアップを必要とせずにアラートを表示する素晴らしい方法を、同じくらい簡単に提供するようになりました$("#alert-box").modal("show");]

アイデアは、JavaScriptが無効になっている場合にのみCSSを使用してページの一部を表示することです。

補足：これはw3cを検証しません。

于 2013-03-27T12:50:09.823 に答える
1 
<body>
    <div id="NoScriptPopup">Javascript is disabled on your browser</div>    
    <div id="YourContent">/*Your page content goes here*/</div>
    <style>
        #YourContent
        {
            display:none;
        }
    </style>
    <script>
        document.getElementById("NoScriptPopup").style.display = 'none';
        document.getElementById("YourContent").style.display = 'block';
    </script>
</body>

したがって、ブラウザでJavaScriptが無効になっている場合、＃NoScriptPopupが表示され、コンテンツは非表示になります。cssを使用して#NoScriptPopupdivのスタイルを設定し、ポップアップのように見せることができます。

于 2013-03-27T13:07:53.840 に答える