javascript页面加载与事件监听函数

下雨了

于 2011-09-03 17:56:45 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript function 浏览器编程 div

本文链接：https://blog.youkuaiyun.com/rainedman/article/details/6745811

本文介绍了在JavaScript编程中处理页面加载和事件监听的方法，包括如何优雅地添加多个页面加载函数，以及使用更专业的事件监听注册方式。通过封装的函数`baseLib.addLoadListener()`可以方便地添加页面加载事件，而`baseLib.addEventListener()`则提供了一种炫酷的事件监听注册方式，支持跨浏览器并接受事件类型和处理函数作为参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在javascript编程中，经常需要设置页面加载函数和事件监听函数，为了便于广泛编程和屏蔽浏览器差异，有牛人对这种需求进行了封装，实现了更高抽象的函数。

一:页面加载函数

假设要在页面onload事件中添加两个函数f1和f2.如果这么写window.onload=f1;window.onload=f2.那么这个事件只能触发一个函数(后面的那个)。如何才能添加两个呢？可以这样

window.onload = function(){
f1();
f2();
}

但是这样写不能跨浏览器，并且也不能让人觉得非常专业。于是便有了下面非常牛X的方式

var baseLib = {//基础类库函数，用于实现添加页面加载函数
                addLoadListener:function(fn){
                    if (typeof window.addEventListener != 'undefined'){
                        window.addEventListener('load', fn, false);