javascript - 如何启动 window.onload "onload"？

Question

我正在制作一个页眉和页脚不变的网站。单击站点时，主 div 会更改。这是代码:

<p id="item1">Item 1</p>
...
<script>
  $("#item").click(function(){$("#main").load("item1.html");});
</script>

在 item1.html 中:

<div id="sth"></div>
...
<script>
  window.onload = function() {document.getElementById("sth").style.width = ...
</script>

Item1.html 在我单独打开时工作正常 (url = mywebsite.com/item1.html)。但是当我使用上面的脚本 (index.html) 启动它时，window.onload 函数不起作用。我该如何解决？

Answer 1

您可以使用 .load成功回调函数如下所述

$("#item").click(function(){
   $("#main").load("item1.html", function(){
          // your logics here 
         document.getElementById("sth").style.width =...
    });
});

可以理解window.onload的用法