`
akon405
  • 浏览: 44150 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

关于onload调用多个函数的认识

    博客分类:
  • js
阅读更多

首先说一下onload的一个特点:只能有一个onload执行。这就要求我们不能通过onload="function()"来调用多个函数。

这里通过查找到的资料,有这种方式:

<script>
	function t(){
		alert("t")
	}
	function b(){
		alert("b")
	}
	function c(){
		alert("c")
	}
	function addLoadEvent(func) {
		var oldonload = window.onload;

		if (typeof window.onload != 'function') {
			window.onload = func;
		} else {
			window.onload = function() {
			oldonload();
			alert(oldonload);//这是添加的测试代码
			func();
			}
		}
	}
addLoadEvent(t);
addLoadEvent(b);
addLoadEvent(c);
</script>	

 这里的alert(oldonload)详细记录了函数内部发生的变化:

 addLoadEvent(t)执行后会包含t()函数,addLoadEvent(b)会包含t(),b()函数,addLoadEvent(c)却包含了      t(),b(),c()三个函数。

但是到了最后,只有addLoadEvent(c)才可以通过window.onload产生执行的函数效果。

分享到:
评论

相关推荐

    javascript函数的解释

    18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出...

    只会Vue怎么开发小程序?Vue和微信小程序的到底有哪些区别?

    写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。...一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow: 页面显示 每次打开页

    JS:[removed]的使用介绍

    &lt;... [removed] 3、同时 调用多个函数 直接写到html的body标签里面,如: 代码如下: &lt;html&gt; &lt;body onload=”func1();func2();func3();”&gt; &lt;/body&gt; &lt;/html&gt; 4、js调用多个函

    JNI接口开发

    java调用native方法流程主要有两步: 1. 找到对应的方法 a) 动态绑定时load本地库时完成映射关系,运行时...一般情况下,java调用native方法会比正常的函数调用效率低一个数量级,参数越多越复杂,对效率的影响越大。

    vue和微信小程序的区别、比较

    写了vue项目和小程序,发现二者有许多相同之处,在此想总结...一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow: 页面显示 每次打开页面都会调用一次。 onReady: 页面初次渲染完成

    浅析Vue 和微信小程序的区别、比较

    一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。 onShow:页面显示 每次打开页面都会调用一次。 onReady:页面初次渲染完成 一个页面只会调用一次,代表页面已经准备妥当,可以和视图...

    jquery插件使用方法大全

    延迟对象 延迟对象(Deferred Object,jQuery.Deferred对象)是一个可链接的(chainable)实用工具对象,实现了Promise接口,可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。...

    大名鼎鼎SWFUpload- Flash+JS 上传

     * 可以同时上传多个文件;  * 类似AJAX的无刷新上传;  * 可以显示上传进度;  * 良好的浏览器兼容性;  * 兼容其他JavaScript库 (例如:jQuery, Prototype等);  * 支持Flash 8和Flash 9;  SWFUpload不同...

    学了这么久,vue和微信小程序到底有什么样的区别?

    写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。相比之下,小程序的钩子函数要简单得多。 写了vue项目和小程序,发现二者有...一个页面只会调用一次,可以在 onLoad 中获取打开当前

    multiplay-game-with-milkcocoa:Milkcocoa的多人游戏库

    例如,在enchant.js中,init函数在game.onload中被调用。 var milkcocoaGame = new MultiPlayerGame("{your-app-id}.mlkcca.com"); milkcocoaGame.init(); 关于主对象 有一个主对象和一个副本对象的概念。主对象...

    JavaScript详解(第2版)

     7.1.1 函数声明和调用   7.1.2 返回值   7.1.3 匿名函数变量   7.1.4 闭包   7.1.5 递归   7.1.6 函数是对象   7.2 调试技巧   7.2.1 函数语法   7.2.2 使用try/catch和throw捕捉异常  ...

    简体转繁体插件

    *@封装模式为自调用匿名函数(function(){})(); 这样的好处是开发不污染顶层变量,防止在项目中多人开发时函数重命名 *解释: var i = function(){ alert(xx);} ; i() ;与 (function(){ alert(xxx);})();是相同的 ...

    JavaScript基础教程第8版

    4.5 让多个链接触发一个翻转器 68 4.6 处理多个翻转器 71 4.7 创建循环的广告条 74 4.8 在循环广告条中添加链接 76 4.9 建立循环式幻灯片 78 4.10 显示随机图像 80 4.11 随机开始循环显示图像 81 第5...

    JavaScript 复制功能代码 兼容多浏览器(ZeroClipboard)

    还有 “load” 也可以写成 “onLoad”,其他的事件也可以这样。 其他事件还包括: mouseOver 鼠标移上事件 mouseOut 鼠标移出事件 mouseDown 鼠标按下事件 mouseUp 鼠标松开事件 complete 复制成功事件 其中 ...

    AndroidNativeEmu:允许您部分模拟Android本机库

    这是一个教育性项目,旨在了解有关ELF文件格式和更多信息。 产品特点 仿真以便可以正确JNI_OnLoad 。 malloc / memcpy的本机内存仿真。 仿真系统调用(SVC#0)指令。 挂钩符号表。 所有JavaVM,JNIEnv和挂钩...

    精通javascript

    • 1.1.htm 多段代码相互调用 • 1.2.htm [removed]与 • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 ...

    JavaScript多线程的实现方法

    注:以下内容基于IE中GIF的onload事件的基础上,故所有测试IE only 需要用到的几个图片 先看一个简单的事实: 代码如下:[removed] var img=new Image(); img.src=”attachment/1178365293_0.gif”; img.onload=...

    107个常用javascript语句

    18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替. 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self "fullscreen=no,channelmode=no,toolbar=no,...

    精通JavaScript

    1.本书附源代码共计381个,其运行环境如下: IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看...

    wl:Whenable 事件实现

    wl - Whenable 事件 有两种类型的事件: 可能发生多次的可重用事件,如鼠标点击或按键。... 使用 Whenable 解决方案可以简化的一个很好的例子是页面 onload 事件。 以下是如何以传统方式监听 onload

Global site tag (gtag.js) - Google Analytics