- 浏览: 493643 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (191)
- Android学习 (3)
- jsp/servlet (2)
- java学习 (44)
- 数据库 (28)
- GWT开发学习 (8)
- 开发中问题 (15)
- JavaScript (48)
- 正则表达式 (1)
- svn配置 (1)
- C# (5)
- SSH (8)
- 找工作面试用 (5)
- DWR开发学习 (0)
- CSS学习 (4)
- AJAX学习 (1)
- Swing (1)
- Json (3)
- Jquery (4)
- Java 网络编程 (1)
- 管理相关 (2)
- Weblogic (1)
- 开发模式 (1)
- web前端 (6)
- 响应式设计 (1)
- Angular (5)
- 其它 (1)
- LESS (1)
- AngularJS (1)
- 负载并发、性能 (4)
- 数据结构与算法 (1)
最新评论
-
世界尽头没有你:
Java并发编程与高并发解决方案网盘地址:https://pa ...
java处理高并发高负载类网站的优化方法 -
叮咚可乐名:
Java并发编程与高并发解决方案网盘地址:https://pa ...
java处理高并发高负载类网站的优化方法 -
叮咚可乐名:
Java并发编程和高并发解决方案视频课程网盘地址:https: ...
java处理高并发高负载类网站的优化方法 -
putonyuer:
如果不是转载 , 要点总结的非常好 , 牛逼。
生产者消费者模式浅析 -
daxun1983:
爱得发疯
java判断是否为汉字和是否有汉字的方法
js window.onload 加载多个函数和追加函数
平时做项目 经常需要使用window.onload,
用法如下:
function func(){alert("this is window onload event!");return;}
window.onload=func;
或者如下:
window.onload=function(){alert("this is window onload event!");return;}
但window.onload 不能同时加载多个函数。
比如:alert("t")
}
function b(){
alert("b")
}
window.onload =t ;
window.onload =b ;
此时可用如下方法解决:
window.onload =function() { t(); b(); }
另一种解决方法如下:
var oldonload = window.onload;//得到上一个onload事件的函数
if (typeof window.onload != 'function') {//判断类型是否为'function',注意typeof返回的是字符串
window.onload = func;
} else {
window.onload = function() {
oldonload();//调用之前覆盖的onload事件的函数---->由于我对js了解不多,这里我暂时理解为通过覆盖onload事件的函数来实现加载多个函数
func();//调用当前事件函数
}
}
}
//(完整示例)使用如下:
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();
func();
}
}
}
addLoadEvent(t);
addLoadEvent(b);
addLoadEvent(c);
//等价于 window.onload =function() { t(); b(); c() ;}
个人以为直接使用隐式函数(如:window.onload =function() { t(); b(); c() ;})更快捷,当然使用 addLoadEvent 更professional,各取所好吧!
JS window.onload追加函数:
if(window.attachEvent)//IE:如果浏览器中存在window.attachEvent函数则使用window.attachEvent函数,判断是否是IE还可以使用:if (document.all){//..}
window.attachEvent("onload",function() {alert("add method");});
else //FireFox
window.addEventListener("load",function() {alert("add method");},true);
</script>
运行,js中alert弹出消息,问题解决。
============相关资料================
attachEvent 将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。
Internet Explorer 从 5.0 开始提供了一个 attachEvent 方法,使用这个方法,就可以给一个事件指派多个处理过程了。attachEvent 对于目前的 Opera 也适用。但是 Mozilla/Firefox 并不支持这个方法。但是它支持另一个 addEventListener 方法,这个方法跟 attachEvent 差不多,也是用来给一个事件指派多个处理过程的。但是它们指派的事件有些区别,在 attachEvent 方法中,事件是以 “on” 开头的,而在 addEventListener 中,事件没有开头的 “on”,另外 addEventListener 还有第三个参数,一般这个参数指定为 false 就可以了。
最后感谢vForm表单验证程序的作者-雷晓宝
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/chenlei65368/archive/2009/09/12/4544823.aspx
发表评论
-
jquery 选择器,模糊匹配
2015-04-18 14:58 1841按姓名匹配 1,name前缀为aa的所有div的jquery ... -
window.addEventListener来解决让一个js事件执行多个函数
2015-01-12 15:57 1268可能你也碰到过这种情况,就是在js的代码中用了window. ... -
javascript中ie8/ie9不支持Array.indexOf解决办法
2015-01-12 15:26 1325场景:js中判断一个string是否在一个js的数组中。方法 ... -
实时Javascript开发框架Clouda、Meteor、Firebase对比
2014-05-21 10:57 1115什么是实时Javascript开发框架? 自从2009年N ... -
select边框颜色修改兼容样式
2013-10-28 10:55 5351<!DOCTYPE html PUBLIC " ... -
任意美化你的文件域 <input type="file" /> 兼容各浏览器
2013-08-31 16:23 3613样式: .fileInput{width:10 ... -
JS判断页面是否出现滚动条
2013-08-23 23:04 1382当可视区域小于页面的实际高度时,判定为出现滚动条,即: ... -
JavaScript 图片切割效果
2013-04-01 10:13 903序一(08/07/21) 很久之 ... -
显示输入剩余字数
2013-02-21 15:25 969<!DOCTYPE html PUBLIC " ... -
div固定悬浮(左侧、右侧、任意相对位置)
2013-01-08 15:14 27940<!DOCTYPE html PUBLIC " ... -
用js显示google地图总结
2012-11-26 15:37 2764功能较全的一个,可 ... -
js 计算浏览器宽度和高度
2012-11-23 11:42 2959<!DOCTYPE html PUBLIC &qu ... -
怎么样让弹出的DIV显示在网页的中间?
2012-09-05 18:30 1102怎么样让弹出的DIV显示在网页的中间? ... -
DIV固定在屏幕的中间/两侧,不随滚动条移动而改变位置
2012-09-04 18:00 7561<!DOCTYPE html PUBLIC " ... -
图片大小 图片尺寸 计算
2012-08-28 15:05 1127<!DOCTYPE HTML PUBLIC " ... -
enctype="multipart/form-data"中Form参数的获取
2012-08-22 17:40 3022enctype="multipar ... -
js动态增加删除 Table 行
2012-08-07 10:59 1352<html> <head> ... -
JS动态控制鼠标位置,DIV由隐藏显示时控制画面控制
2012-06-29 16:24 6912<!DOCTYPE html PUBLIC " ... -
CSS代替bordercolorlight与bordercolordark
2012-06-11 15:51 2825CSS代替bordercolorlight与bordercol ... -
Javscript Json数据操作(数据增,删,改,查)
2012-06-02 23:30 8106<!DOCTYPE html PUBLIC " ...
相关推荐
脱离document.onload和window.onload的onload事件,可多次添加加载事件!
window.onload insertAfter()
平时做项目 经常需要使用[removed], 用法如下: function func(){alert&#...但[removed] 不能同时加载多个函数。 比如: function t(){alert(“t”)}function b(){alert(“b”)}[removed] =t ;window.
可能你也碰到过这种情况,就是在js的代码中用了[removed]后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到... 代码如下: if (document.all){ window.attachEvent(‘onload’,函数名)//IE中 } els
68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless() 69.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.'; 70.添加到收藏夹:...
有需要的朋友是最好的参考资料。希望有所帮助!
这里介绍了chooseCancelOnNextConfirmation、chooseOkOnNextConfirmation等JavaScript脚本实现的弹出窗口处理函数,selenium会弹出网页窗口,因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot....
layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下: layui.use(['layer','form'],function(){ var layer = layui.layer, ...
我们知道,在javascript中用来执行页面加载中的操作时候,我们会使用windows.onload=function(){}或者windows.onload=函数名(),也可以在body中调用onload事件调用方法即可,在jQuery中也有相当的代码
关于 Image 对象 onload 事件。 想获取的是 image 的 宽高值。所以用 onload 方法。另外是获取的远程图片。 但IE在第二次显示图片的时候,总是不走 onload 方法。代码: var img = new Image(); img.src = ...
资源名称:15天漫游jQuery中文翻译 word版内容简介:15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东1 day Window.onload() 一直是常用的javascript函数。数年来程序员们习惯了通过它在...
有时候数据多.会拉的很长.客户搜索起来很不方便.现在可以编辑下拉框,可根据输入的内容重新加载下拉框的内容.令客户选择查找起来更方便. 使用方法.将此js复制到项目中.在用到需要编辑下拉框的jsp界面中引用此js.在...
JS实现图片瀑布流效果 本文实例为大家分享了JS实现图片瀑布流的具体代码,供大家参考,具体内容如下 过程: 1、创建一个放所有图片的模块bigblock。...5、使用 window.onload事件,加载图片更方便。 6、给浏
常见的方法有使用window.onload和jQuery的(document).ready两种。其中,window.onload方法是页面所有资源加载完成之后触发,因此性能较差;(document).ready方法是在页面dom元素加载完成之后触发,性能较好。 总体...
这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。 简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你...
window.onload = function() { var myShakeEvent = new Shake({ threshold: 15 }); myShakeEvent.start(); window.addEventListener('shake', shakeEventDidOccur, false); function ...
window.onload = function () { console.log('window.onload 方式执行') } $(document).ready(function () { console.log('$(document).ready(function(){}) 方式执行') })
开发人员必须创建一个JavaScript函数处理SWFUpload事件。 完整示例 1. 首先,将所有的文件放到项目当中,如图 2. 在网页文件中,引入所有需要的文件,如下 <script type="text/javascript" src...
浅谈js图片前端预览之filereader和window.URL.createObjectURL //preview img : filereader方式 document.getElementById('imgFile').onchange = function(e){ 5 var ele = document.getElementById('imgFile')....