如何啟動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的使用