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


Posted in Javascript onMarch 21, 2015

本文实例讲述了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 相关文章推荐
javascript 函数调用的对象和方法
Jul 01 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
Aug 24 Javascript
javascript事件处理模型实例说明
May 31 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
Aug 03 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
浅析vue给不同环境配置不同打包命令
Aug 17 Javascript
vue实现循环切换动画
Oct 17 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 Javascript
JavaScript动态加载样式表的方法
Mar 21 #Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 #Javascript
JavaScript删除数组元素的方法
Mar 20 #Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 #Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 #Javascript
JS定义网页表单提交(submit)的方法
Mar 20 #Javascript
纯Javascript实现ping功能的方法
Mar 20 #Javascript
You might like
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
ie下动态加态js文件的方法
2011/09/13 Javascript
jQuery代码优化 遍历篇
2011/11/01 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
2016/05/17 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
在create-react-app中使用css modules的示例代码
2018/07/31 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
2019/07/02 Javascript
微信小程序文字显示换行问题
2019/07/28 Javascript
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
python进阶之自定义可迭代的类
2019/08/20 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
Linux中如何用命令创建目录
2016/12/02 面试题
AURALog面试题软件测试方面
2013/10/22 面试题
个人简历中自我评价
2014/02/11 职场文书
我的祖国演讲稿
2014/05/04 职场文书
2014年全国法制宣传日宣传活动方案
2014/11/02 职场文书
师范生教育见习总结
2015/06/23 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP