0

テキスト「showPopUp」をクリックすると、Web サイト全体がグレー表示され、ダイアログ ボックスが表示されるスクリプトがあります。私の質問は、ページの読み込み時にこのスクリプトを自動的に実行するにはどうすればよいですか?

脚本：

<script type="text/javascript">
    function showPopUp(el) {
        var cvr = document.getElementById("cover")
        var dlg = document.getElementById(el)
        cvr.style.display = "block"
        dlg.style.display = "block"
        if(document.body.style.overflow = "hidden") {
            cvr.style.width = "1024"
            cvr.style.height = "100&#37;"
        }
    }

    function closePopUp(el) {
        var cvr = document.getElementById("cover")
        var dlg = document.getElementById(el)
        cvr.style.display = "none"
        dlg.style.display = "none"
        document.body.style.overflowY = "scroll"
    }
</script>
4

3 に答える 3

3 
window.onload = function() {
  showPopUp('yourObjeID');
};

また

<body onload="showPopUp('yourObjeID');">

または、本文が終了する前にスクリプトを挿入します。

...
<script>
    showPopUp('yourObjeID');
</script>
</body>
</html>
于 2012-11-05T01:49:51.917 に答える
1

を使用しwindow.onloadます。https://developer.mozilla.org/en-US/docs/DOM/window.onloadのドキュメント

于 2012-11-05T01:46:29.270 に答える
0

より良いアプローチは、window.loadではなく「document.ready」イベントを使用することです。これは、すべてのページリソースが読み込まれた直後にloadイベントがトリガーされ、ドキュメントの準備ができた後にreadyイベントがトリガーされるためです（すべてのHTMLが読み込まれ、 DOMの準備ができています）。

「document.ready」イベントはJavaScriptで実装されたイベントではなく、jQueryなどの一部のJavaScriptライブラリによって「エミュレート」されていることに注意してください。

例を書く代わりに、私はこれらの2つのリンクを取得しました。見てみましょう。

于 2012-11-05T01:48:07.410 に答える