javascript - 在页面加载时调用上面定义的 Javascript 方法

Question

我是 JavaScript 的新手，所以请耐心等待。我的页面上有一个 JavaScript 函数：

<script type="text/javascript">
    Sys.debug = true;
    var popup;
    Sys.require(Sys.components.popup, function () {
        popup = Sys.create.popup("#popup", {
            parentElementID: "target",
        });
    });
</script>

当我将它用作事件时，它可以完美运行：

<input type="button" onclick="popup.show()" value="Edit Theme" style="float: right; margin-right: 7.25em;" />

我想在页面加载时调用它，在 body 标记内我有以下代码：

<script>
    window.onload = popup.show;
</script>

该方法似乎没有被调用。我究竟做错了什么？

Answer 1

你应该写：

window.onload = popup.show;

Answer 2

根据有关 Sys.Require 的文档，似乎 Sys.Require 在加载时被调用，这意味着根据ASP.Net 页面生命周期，当 onload 事件触发时脚本尚未加载。

看起来您可以改用Sys.onReady()：

Sys.onReady(function(){
    popup.show();
})