javascript 跨浏览器的事件系统3
这部分说一下最近非常流行的事件代理。事件代理的实现简单来说，是把事件绑定到目标元素的祖先元素上，然后通过冒泡或捕获得到事件源，然后再判定事件源是否等于目标元素再执行回调函数。由于对目标元素的判定有时非常模糊，因此通过判定即可调用回调函数，这样，我们就达到一个监听器为许多事件源服务的目的。对于性能一向非常不怎么样的IE6来说，实在帮了一个大忙。
假如，有一个无序列表，点击弹出它的innerHTML，如果按事件绑定的做法，代码大概是这样：
var addEvent = function(el,type,callback,data){
if ( el.addEventListener ) {//如自定义对象就绑定回调函数了
el.addEventListener( type, callback, !!data );
} else if ( el.attachEvent ) {
el.attachEvent( "on" + type, function(){
return callback.call(el,window.event)
} );
}
}
var els = document.getElementsByTagName("li")
for(var i=0,n=els.length;i<n;i++){
addEvent(els[i],"click",function(){
alert(this.innerHTML)
})
}
}
<!doctype html>
<html lang="zh-ch" id="html">
<head>
<meta charset="utf-8" />
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<title>事件代理 by 司徒正美</title>
<script type="text/javascript">
window.onload = function(){
var addEvent = function(el,type,callback,data){
if ( el.addEventListener ) {//如自定义对象就绑定回调函数了
el.addEventListener( type, callback, !!data );
} else if ( el.attachEvent ) {
el.attachEvent( "on" + type, function(){
return callback.call(el,window.event)
} );
}
}
var els = document.getElementsByTagName("li")
for(var i=0,n=els.length;i<n;i++){
addEvent(els[i],"click",function(){
alert(this.innerHTML)
})
}
}
</script>
</head>
<body id="body">
&l
相关文档：
//1.类
function Test(id)
{
this.id=id;
this.method=function()
{
//代码
};
}
......
以下分别是用递归和两种循环对斐波那契数列的简单实现。(结果仅供参考)
递归的模式：
function Fibonacci(num){
if(num <= 2){
return 1;
}else{
return Fibonacci(num - 1) + Fibonacci(num - 2)
}
}
var counter1 = new Counter();
Fibonacci(30);
counter1.show()
//Firefo ......
JavaScript 框架比较
显著增强 JavaScript 开发的框架概览
Joe Lennon, 软件开发人员, 自由职业者
简介： 现代 Web 站点和 Web 应用程序倾向于依赖大量客户端 JavaScript 来提供丰富的交互功能，尤其是异步 HTTP 请求的出现使得不刷新页面就可以从服务器端脚本或数据库系统返回数据或响应。在本文中，您将了解如� ......
现在网页上的字体是越来越小，别说是视力欠佳者就是好眼睛看久了也疼的难受，于是编写了下面这段小脚本，建议网页制作人能够加到网页代码的< head>中，以方便弱视人群放大浏览(仅适用于IE浏览器)！
代码如下：
< script language="javascript">
var i=0;
document.onkeydown = zoom;
......
