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中$.extend()用法实例
Jun 24 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
jquery拖拽效果完整实例(附demo源码下载)
Jan 14 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
javascript回调函数详解
Feb 06 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
解决Layui数据表格的宽高问题
Sep 28 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 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常用数组array函数实例总结【赋值,拆分,合并,计算,添加,删除,查询,判断,排序】
2016/12/07 PHP
php实现数字补零的方法总结
2018/09/12 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
js 小数取整的函数
2010/05/10 Javascript
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
js动态为代码着色显示行号
2013/05/29 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
js 判断图片是否加载完以及实现图片的预下载
2014/08/14 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
[06:15]2016国际邀请赛中国区预选赛单车采访:我顶WINGS
2016/06/27 DOTA
pyqt4教程之widget使用示例分享
2014/03/07 Python
在Python中使用next()方法操作文件的教程
2015/05/24 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
在阿里云服务器上配置CentOS+Nginx+Python+Flask环境
2016/06/18 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
问卷调查计划书
2014/01/10 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js