javascript - 如何在页面加载期间调用 JavaScript 函数？

Question

我有一个 Html 页面包含多个页面，其 data-role = page 如 page1、page2 等。 我试图使用以下代码在 page1 的页面加载期间调用 JS 方法

$("#page1").on("load",function () {
  alert("hi")
  $.ajax({
          type: "GET",
          url: "",
          data: "{}",
          contentType: "application/json",
          dataType:"json", 
          success:  function (msg) {
                                    var BPRList = '';
                                    $.each(msg, function(i,v){  
                                      BPRList += '<li onClick="GetBprDetails('+ v.BPRNo +')"><a href="#bprPage" data-transition="slide"><p class="title">' + v.BPRNo + '</p><p class="bodyEle">' + v.BPR_Product +'</p><p class="bodyEle">' + v.BPR_Details+ '</p><br/><p class="bodyEle">' + v.BPR_Status + ':</p></a></li>'     
                                                             })         
                                   $("#BPRListTable").html(BPRList)
                                   $('[data-role=listview]').listview('refresh');
                                   },
           error:    function () {
                                   alert("BPR List Error");
                                 }
        }); });

在执行上述函数期间，我无法在表单加载期间获得输出 就好像我将上述方法调用为按钮单击事件一样，我能够获得输出。 上面的代码可能犯了什么错误.. 我更担心下面的代码。

$("#page1").on("load",function () {
 --statements
})

Answer 1

 $(window).load(function () {
   alert("hi")
 });

如果您想要页面加载时的结果，请尝试此操作。将此代码写在 $(document).ready(function(){}); 之外