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(){}); 之外