如何在动态插入的html文件中使用onload事件

how to use onload event in dynamically inserted html file

本文关键字：onload 事件 文件 html 动态 插入      更新时间：2023-11-14

如何在动态插入的html文件中使用onload事件。

例如

<li><a href="sample.html></li>

这行我在选项卡面板中使用。当我点击这个选项卡面板标题时，sample.html文件将插入选项卡面板，此时我需要触发sampel.html文件中的onload事件

<div id="tabs">
  <ul>
    <li>
      <a href="sample.html">load html file</a>
    </li>
  </ul>
</div>

我觉得有些事情需要澄清：

  • onload事件仅在"主"HTML页面（即window.document）首次加载完成时触发
  • 当您使用Ajax和JavaScript更改页面的一部分时，不会触发onload事件（这是使用选项卡时实际发生的情况）

您真的应该参考您使用的任何选项卡框架的文档，它可能会提供其他事件来检测选项卡何时更改。

例如，jQuery有一个选项卡load事件：

$( ".selector" ).tabs({
   load: function( event, ui ) {}
});
// or
$( ".selector" ).on( "tabsload", function( event, ui ) {} );
相关文章：