如何在页面加载时创建弹出窗口？

Question

过去两天我一直在研究这个话题。我需要在页面加载时显示弹出窗口，但只有在页面加载后才显示它。

弹出窗口的代码（在 .js 文件中）在页面加载后执行 即使我调用jsp文件头中的js代码，页面加载后仍然显示。但是，如果我在调用 jsp 之后在 jsp 文件中放入“警报”脚本，则该脚本会在页面加载之前执行，但不会在弹出窗口之前执行。

弹出窗口的 javascript 代码具有以下结构：

---

package.popup = {
        init : function() {
        this._mypopup();
    },

    _myPopup : function() {
        //...(code)
            alert("This alert is also displayed after the page is loaded");
            jQ.get('myPopupData.do?ajax=ajax', function(popupData) {
        //...(code)
                }
            });
        }
    }
};

---

.jsp 中的代码如下所示：

//... some code
<div class="introSection">
    <div class="header">
        <header>
            <hdgroup>
                <h1>Welcome to myPage.</h1>
            </hdgroup>       
            <jwr:script src="/javascript/bundles/jquery-1.6.1.min.js" useRandomParam="false" />
            <jwr:script src="/javascript/bundles/homePage.js" useRandomParam="false" />
            <jwr:script src="/javascript/bundles/mobilePopup.js" useRandomParam="false" />     
            <script language="javascript">alert("This alert is placed after the popup code is called in the header, but it's showed before");</script>         
        </header>
    </div>
    <ul>
        //more code
    </ul>          
//more code

关于可能的解决方案有什么建议吗？

Answer 1

Javascript 在从页面读取时执行 - 在页面顶部放置一个

Answer 2

我不确定在页面加载之前您想要做什么，但如果它与不希望用户在决策点之前下载整个页面有关，我只会有一个中间页面。

如果只是需要在用户看到任何内容之前运行的代码，请使页面主体不可见（即 CSS 中的 display:none），直到代码执行完毕。代码完成后，使主体再次可见。

也许这些不是优雅的解决方案，但是如果您尝试在服务器和客户端之间执行某些操作，那么无论如何可能有更好的地方可以执行此操作。