JavaScript实现页面加载完成后执行指定函数的方法

作者:半夏时间:2026-10-29 07:31:33浏览:106

本文介绍在网页加载完成后执行指定JS函数的两种方法。通过直接赋值window.onload可执行单一函数;利用addLoadEvent函数可动态添加多个函数并行执行,确保页面加载后所有预设逻辑均能正常运行。

页面加载完成后执行函数的方法

本文详细介绍在网页加载完成后执行指定JavaScript函数的实现方式,供开发者参考。

以下代码示例展示了如何在页面加载完毕时调用指定函数,并通过后续代码动态注册多个函数以同时执行。

只需将目标函数直接赋值给window.onload属性,即可在页面加载完成后自动触发该函数执行。


<script type="text/javascript" >
  window.onload = MyCoolInitFunc
</script>

若需在页面加载完成后并行执行多个函数,可参考以下JavaScript代码实现多函数注册机制。


function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  }
  else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

希望上述内容对您的JavaScript编程实践有所帮助。

作者最新文章