javascript – 身体负载上的触发事件完成js/jquery

我想使用javascript / jquery在页面加载完成时触发一个事件。

一旦页面加载完全完成,是否有任何方法触发事件或调用简单的功能。

如果有任何参考,请建议人们。

每个人都提到了准备功能(及其快捷方式),但即使在此之前,您只需将代码放在脚本标签之前,即关闭正文标签(这是YUI和Google Closure人员推荐的内容),如下所示:

<script type='text/javascript'>
pageLoad();
</script>
</body>

此时,该脚本标记之上的所有内容都可以在DOM中使用。

所以你的选择按顺序发生:

>最早:在关闭body标签之前,在脚本标签中调用函数。此时,DOM已经准备就绪(根据Google Closure的人员,他们应该知道;我也在一些浏览器上测试过)。
> Earlyish:jQuery.ready回调(及其快捷方式)。
>最后,包括图像在内的所有页面元素都被完全加载:window onload事件。

这是一个现场示例:http://jsbin.com/icazi4,相关提取:

</body>
<script type='text/javascript'>
  runPage();

  jQuery(function() {
    display("From <tt>jQuery.ready</tt> callback.");
  });

  $(window).load(function() {
    display("From <tt>window.onload</tt> callback.");
  });

  function runPage() {
    display("From function call at end of <tt>body</tt> tag.");
  }

  function display(msg) {
    var p = document.createElement('p');
    p.innerHTML = msg;
    document.body.appendChild(p);
  }
</script>

(是的,我可以使用jQuery作为显示功能,但是我从非jQuery模板开始。)

翻译自:https://stackoverflow.com/questions/3880307/trigger-event-on-body-load-complete-js-jquery

转载注明原文:javascript – 身体负载上的触发事件完成js/jquery