javascript 事件加载与预加载
160 浏览量
2020-10-29
11:39:38
上传
评论
收藏 80KB PDF 举报
javascript 事件加载与预加载事件加载与预加载
本文对JavaScript事件加载进行了一些延伸思考。加载多个事件时，使用window.onload可能会导致一些不便，
而通过侦听器等方法，则可以解决这些问题。
通常来说，window.onload就够用了，如果想加载多个事件，我们可以采取以下方式：
复制代码 代码如下:
window.onload = function(){
func1();
func2();
func3();
//更多加载事件………………
}
但如果由于某种特殊需要，我们不能合在一起写吗？如当前区域是面向管理员，后台生成页面时只有当用户是管理员，页面才
生成这部分，而这部分也用到一些特殊的脚本，上面的方法就歇菜了！
复制代码 代码如下:
//后台代码
<script type="text/javascript">
window.onload = function(){
func1();
func2();
//加载普通用户用到的脚本……
}
</script>
<%# 以下脚本是为管理员准备的 %>
<% if @user.role == "manager" %>
window.onload = function(){
func1();
func2();
//加载机密脚本……
}
<% end %>
这种情况生成出来的页面拥有两个window.onload代码块，很显然，第二个覆盖掉第一个。这时，轮到loadEvent函数出场
了。
复制代码 代码如下:
var loadEvent = function(fn) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = fn;
}else {
window.onload = function() {
oldonload();
fn();
}
}
}
它非常完美地解决了互相覆盖的问题，用法如下：
复制代码 代码如下:
loadEvent(func1);
loadEvent(func2);
loadEvent(func3);
//更多加载事件
但现实的问题总是如此出奇不意，也如此刁钻邪门。最近我想把所有的函数放到一个闭包中，以免除命名冲突之苦，比如那个
有名的$的DOM选择器。JQuery，Prototype，mootool都用它做选择器的名字，共存成了个严重的问题。
复制代码 代码如下:
(function(){
if(!window.JS){
资源评论
weixin_38658568
- 粉丝: 3
- 资源: 903
最新资源
- 小程序版图像分类算法对中文数字识别-不含数据集图片-含逐行注释和说明文档.zip
- 公交卡管理系统一个实验
- C语言学生成绩管理系统（信息可保存读取txt文件）
- 小程序版图像分类算法对电脑配件分类识别-不含数据集图片-含逐行注释和说明文档.zip
- 小程序版深度学习CNN训练识别8种水果-不含数据集图片-含逐行注释和说明文档.zip
- 小程序版基于深度学习对手势动作分类识别-不含数据集图片-含逐行注释和说明文档.zip
- 小程序版深度学习CNN训练识别手写数字图像中的数字分类-不含数据集图片-含逐行注释和说明文档.zip
- 小程序版python语言pytorch框架的图像分类10种动物识别-不含数据集图片-含逐行注释和说明文档.zip
- 小程序版通过CNN卷积神经网络的10种中草药识别-不含数据集图片-含逐行注释和说明文档.zip
- linux系统Ubuntu中双击图标重启ibus键盘
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
