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

2019-12-18,,,,,,,

本文实例讲述了JavaScript实现当网页加载完成执行指定函数的方法。分享给大家供大家参考。具体分析如下:

下面的JS代码演示了如何在网页加载完成时调用指定的函数,并且可以通过第二段代码动态添加多个函数同时执行。

我们只需要给window.onload指定一个函数既可以在页面加载完成时自动执行MyCoolInitFunc函数

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

如果你希望在页面加载完成后同时并行执行多个函数,可以通过下面的JS代码实现

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

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • javascript实现一个网页加载进度loading
  • JavaScript实现网页加载进度条代码超简单
  • jquery插件NProgress.js制作网页加载进度条
  • Windows下使用apache模块实现合并多个js、css提高网页加载速度
  • js 延迟加载 改变JS的位置加快网页加载速度
  • javascript 改变网页加载的CSS
  • JS+CSS实现网页加载中的动画效果

《JavaScript实现当网页加载完成后执行指定函数的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。