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 新手学习常见问题解决方法
Apr 18 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
Jul 31 Javascript
js简单实现根据身份证号码识别性别年龄生日
Nov 29 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
axios post提交formdata的实例
Mar 16 Javascript
微信小程序网络请求封装示例
Jul 24 Javascript
微信小程序实现tab左右切换效果
Nov 15 Javascript
prettier自动格式化去换行的实现代码
Aug 25 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
memcache命令启动参数中文解释
2014/01/13 PHP
php提示Warning:mysql_fetch_array() expects的解决方法
2014/12/16 PHP
php支付宝系列之电脑网站支付
2018/05/30 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
jquery应该如何来设置改变按钮input的onclick事件
2012/12/10 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
JS实现类似51job上的地区选择效果示例
2016/11/17 Javascript
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
使用webpack3.0配置webpack-dev-server教程
2018/05/29 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
如何实现vue的tree组件
2020/12/03 Vue.js
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
python TCP包注入方式
2020/05/05 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
新闻网站实习自我鉴定
2013/09/25 职场文书
中层竞聘演讲稿
2014/01/09 职场文书
大学生学习自我评价
2014/01/13 职场文书
行政监察建议书
2014/05/19 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js