window.onload 添加多个函数绑定

       window.onload = function(){alert(2)}

	function addEvent (fun) {
		var old = window.onload;

		if(typeof old != "function"){
			window.onload = fun;
		}else{
			window.onload = function(){
				old();
				fun();
			}
		}
	}

	function delegationforli(){
		var oul = document.getElementsByTagName(‘ul‘)[0];
		console.log(oul)
		oul.addEventListener(‘click‘,function(e){
			console.log(e.target);
			if(e.target && e.target.nodeName.toLowerCase() == ‘li‘){
				alert(e.target.innerHTML);
			}
		})
	}
	addEvent(delegationforli);

用这种window.onload =function() { t();  b(); }方法函数的时候会看着很不爽,可以用上面的方法,更易读。

原文地址:https://www.cnblogs.com/youzhuxiaoyao/p/8657749.html

时间: 2024-11-09 10:11:27

window.onload 添加多个函数绑定的相关文章

window.onload绑定多个事件 —— 两种解决方案

前言 有些函数,必须在网页加载完毕后执行.比如:涉及DOM操作的. 网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可. window.onload = myFunction; 问题来了:如果需要同时绑定多个事件,该如何处理呢?有两种解决方法 方案一 创建一个匿名函数,来容纳需要绑定的多个事件,再讲这个匿名函数绑定到onload事件上 1 window.onload = function(){ 2 firstFunction(); 3 secondFunction(); 4 .

《javascript dom编程艺术》笔记(一)——优雅降级、向后兼容、多个函数绑定onload函数

刚刚开始自学前端,如果不对请指正:欢迎各位技术大牛指点. 开始学习<javascript dom编程艺术>,整理一下学习到的知识.今天刚刚看到第六章,记下get到的几个知识点. 优雅降级 看到版本翻译为预留退路,刚刚看到个名词,我觉得很奇怪,以前没有听说过啊.不过看到英文注释就知道了Graceful degradation不就是优雅降级么,听说过! 书中举了个例子,点击一个链接,弹出一个窗口的方法. function popUp(WinURL){ window.open(WinURL,&quo

关于window.onload的一些小理解

这今天写一个demo,之前一直很好,这次碰到了一个window.onload问题,在网上看了很多资料,就整理整理! window.onload 是(1)等页面内包括图片的所有元素加载完毕后才能执行,这里还和jQuery里的$(document).ready()不太一样,jQuery里的是只要dom结构加载完就执行: (2)不能同时使用多个window.onload,例如window.onload = fun1:window.onload = fun2:这样的话只会执行第二个:第一个被覆盖了:要是

javascript 在window.onload绑定多个事件函数

近期有个项目当页面Html文档初始化完了之后,要加载多个函数,最初我是这样用的: window.onload=firstfunc(); window.onload=secondfunc(); 但是这样总是最后一个才会被执行. 最后在网上学习了下才知道怎么处理: 1 function addLoad(func){ 2 var oldonload=window.onload; 3 if(typeof window.onload != 'function') 4 window.onload=func;

事件绑定及深入上-多个window.onload

事件绑定及深入 多个window.onload一起执行 如何让执行两个window.onloadwindow.onload=function(){ alert('Lee');} if(typeof window.onload=='function'){ var saved=null; //保存上一个事件对象 saved=window.onload;} //saved就是window.onload,saved()相当于window.onload(),但是window.onload()不能执行的//

JQuery执行函数与window.onload函数

JavaScript和HTML之间的交互: 1.通过用户和浏览器操作页面时引发的事件来处理的. 2.当文档或者它的某些元素发生某些变化时,浏览器会自动生成一个事件. 例如:当浏览器装载完一个文档后,会生成事件(属于2):当用户单击某个按钮时,也会生出事件(属于1). DOM加载完成:初始化页面的前提大都是DOM文档就绪,即文档树加载完成,而非整个页面(包括页面中的所有元素)载入完成. 因为后者涉及到载入页面中包含的图像及其他二进制内容完成后才能触发页面载入事件(即onload) 以浏览器装载文档

把多个JavaScript函数绑定到onload事件处理函数上的技巧

一,onload事件发生条件 用户进入页面且页面所有元素都加载完毕.如果在页面的初始位置添加一个JavaScript函数,由于文档没有加载完毕,DOM不完整,可能导致函数执行错误或者达不到我们想要的效果. 二,绑定多个函数到onload事件上 1,先展示一个错误的做法 1 window.onload = firstFunction; 2 window.onload = secondFunction; 实际执行过程中,只有最后一个函数被执行,因为每个事件处理函数只能绑定一条指令. 2,使用一个匿名

把多个js函数绑定到onload时间处理函数上

js的window.onload=function();网页加载完毕时会触发一个onload事件,这个事件与window对象相关联,是让一个函数在网页加载完毕之后得到执行.但是如果有两个韩式firstfunction和secondfunction都想在页面加载时执行,如果把它们逐一绑定到onload事件上,它们当中将只有最后那个才会被执行.由此我们可以得出一个结论:每个时间处理函数只能绑定一个指令. 解决方法一: window.onload=function(){ firstfunction()

多个事件绑定执行window.onload写法

多个页面需要绑定多个事件,执行window.onload时,一定要注意正确的写法: 1.创建匿名函数: window.onload=function(){ func1(); func2(); } 2.事件监听: function addLoadEvent(func){                var oldonload=window.onload;                if(typeof window.onload!='function'){