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 相关文章推荐
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
Web纯前端“旭日图”实现元素周期表
Mar 10 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
mint-ui在vue中的使用示例
Apr 05 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
vue2 中二级路由高亮问题及配置方法
Jun 10 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 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
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
2015/10/15 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
微信网页授权并获取用户信息的方法
2018/07/30 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
Python实现MySQL操作的方法小结【安装,连接,增删改查等】
2017/07/12 Python
利用python获取当前日期前后N天或N月日期的方法示例
2017/07/30 Python
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
详解Python字符串切片
2019/05/20 Python
selenium+python实现自动登陆QQ邮箱并发送邮件功能
2019/12/13 Python
python wxpython 实现界面跳转功能
2019/12/17 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
Python实例方法、类方法、静态方法区别详解
2020/09/05 Python
英国电信商店:BT Shop
2019/12/17 全球购物
酒店led欢迎词
2014/01/09 职场文书
廉洁自律演讲稿
2014/05/22 职场文书
如何写贫困证明申请书
2014/10/29 职场文书
校本研修个人总结
2015/02/28 职场文书
二十年同学聚会感言
2015/07/30 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
浅谈redis整数集为什么不能降级
2021/07/25 Redis