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 相关文章推荐
用jquery实现点击栏目背景色改变
Dec 10 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
微信小程序实战之自定义toast(6)
Apr 18 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
Jun 25 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
前后端如何实现登录token拦截校验详解
Sep 03 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
微信小程序实现页面左右滑动
Nov 16 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
php微信公众平台交互与接口详解
2016/11/28 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
基于laravel where的高级使用方法
2019/10/10 PHP
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
基于jquery的$.ajax async使用
2011/10/19 Javascript
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
JavaScript实现select添加option
2015/07/03 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
js与jquery分别实现tab标签页功能的方法
2016/11/18 Javascript
初探nodeJS
2017/01/24 NodeJs
深入理解Angular4中的依赖注入
2017/06/07 Javascript
backbone简介_动力节点Java学院整理
2017/07/14 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
js时间转换毫秒的实例代码
2019/08/21 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
Python使用folium excel绘制point
2019/01/03 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
Css3新特性应用之形状总结
2016/12/08 HTML / CSS
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
英国体育器材进口商店:UK Sport Imports
2017/03/14 全球购物
享誉全球的多元化时尚精品购物平台:Farfetch发发奇(支持中文)
2017/08/08 全球购物
学生干部学习的自我评价
2014/02/18 职场文书
优秀毕业生推荐信范文
2014/03/07 职场文书
春季防火方案
2014/05/10 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python