如何启动window.onload＆＃34; onload＆＃34;？

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

的用法