这部分说一下最近非常流行的事件代理。事件代理的实现简单来说，是把事件绑定到目标元素的祖先元素上，然后通过冒泡或捕获得到事件源，然后再判定事件源是否等于目标元素再执行回调函数。由于对目标元素的判定有时非常模糊，因此通过判定即可调用回调函数，这样，我们就达到一个监听器为许多事件源服务的目的。对于性能一向非常不怎么样的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)
}) ......
JavaScript是一个功能强大的客户端脚本语言，许多现代化的网站和Web应用程序都会使用到它。JavaScript可以增强用户的体验，并提供丰富的互动式组件和功能。虽然它的语法相当简单，但是对开发者来说还是很有难度的，因为它要运行在Web浏览器中。
以下是我们为你推荐的50个相关工具:
JavaScript/AJAX编辑工具
jQuery UI
jQuery UI是jquery官方推出的配合jquery使用的用户界面组件集合！包含了许多的界面操作功能，如我们常用的表格排序，拖拽，TAB选项卡，滚动条，相册浏览，日历控件，对话框等JS插件…
Google Web Toolkit
Google 推出的一个开发Ajax 应用的框架，它支持用Java 开发和调试Ajax 应用。我们可以既充分利用Java语言的开发优势降低Ajax应用开发的难度，加快Ajax应用的开发速度，为Ajax的大规模应用创造可能，又可以充分发挥Ajax技术的优势，创建更加动态和交互性更好的Web应用程序，提升用户的浏览体验。
Jx
是一个JavaScript库，用于创建MooTools框架顶部的图形用户界面，有许多例子以及API文档在这里 http://jxlib.org/。
Freestyle Webtop Toolkit
可以帮你减少复杂性和时间的消耗，让你专注于编程逻辑和用户界面设计或其他 ......
进一步理解javascript对象、数组和哈希表
在javascript中，对象实际上就是一个哈希表，比如下面这个user对象：
function user(n, a)
{
this.name = n;
this.age = a;
this.toString = function() {
return 'Name:' + this.name + ', Age:' + this.age;
}
}
var u = new user('tom', 18);
for (var k in u) {
alert('key: ' + k + ', value:' + u[k]);
}
稍作改动，使用Array对象来代替对象:
var user = new Array();
user['name']='tom';
user['age']=18;
user['toString']=function(){
return 'Name:' + this.name + ', Age:' + this.age;
}
alert(user.toString());
更简单的写法：
var u = {
'name':'tom',
'age':18
}
u.toString = function(){return 'Name:' + this.name + ', Age:' + this.age;};
alert(u.toString());
由以上这些代码可以看出：
所有的javascript对象,包括Array对象在内实际上就是一个哈希表,属性名称就是哈希表的key，而属性的值就是哈希表的值。
Array对象与通常意义的数组对象并不相关，通常的数组仅 ......
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server"> </script>
<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
//javascript设置文本框的最大长度
function Button1_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.maxLength=10;
return false;
}
//javascript设置文本框的属性为只读
function Button2_Click() {
var txtBox1=document.getElementById("TextBox1");
txtBox1.readOnly=true;
return false;
}
//javascript设置行数与文本框类型 //将<input type=text />改成＜textarea /> //id号不变
function Button3_Click()
{
//移除TextBox1
var textBox1=document.getElementById("TextBox1");
var textBox1id=textBox1.id; //得到TextBox1的父元素
var parentE=textBox1.parentElement; pare ......
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server"> </script>
<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
//javascript设置文本框的最大长度
function Button1_Click()
{
var txtBox1=document.getElementById("TextBox1");
txtBox1.maxLength=10;
return false;
}
//javascript设置文本框的属性为只读
function Button2_Click() {
var txtBox1=document.getElementById("TextBox1");
txtBox1.readOnly=true;
return false;
}
//javascript设置行数与文本框类型 //将<input type=text />改成＜textarea /> //id号不变
function Button3_Click()
{
//移除TextBox1
var textBox1=document.getElementById("TextBox1");
var textBox1id=textBox1.id; //得到TextBox1的父元素
var parentE=textBox1.parentElement; pare ......
http://blog.csdn.net/jiangfeng861016/archive/2009/12/18/5028620.aspx
函数是进行模块化程序设计的基础，编写复杂的Ajax应用程序，必须对函数有更深入的了解。JavaScript中的函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法：
function func1(…){…}
var func2=function(…){…};
var func3=function func4(…){…};
var func5=new Function();
这些都是声明函数的正确语法。它们和其他语言中常见的函数或之前介绍的函数定义方式有着很大的区别。那么在JavaScript中为什么能这么写？它所遵循的语法是什么呢？下面将介绍这些内容。
认识函数对象（Function Object）
可以用function关键字定义一个函数，并为每个函数指定一个函数名，通过函数名来进行调用。在JavaScript解释执行时，函数都是被维护为一个对象，这就是要介绍的函数对象（Function Object）。
函数对象与其他用户所定义的对象有着本质的区别，这一类对象被称之为内部对象，例如日期对象（Date）、� ......
/**
* 去除多余空格函数
* trim:去除两边空格 lTrim:去除左空格 rTrim: 去除右空格
* 用法：
* var str = " hello ";
* str = str.trim();
*/
String.prototype.trim = function()
{
return this.replace(/(^[\\s]*)|([\\s]*$)/g, "");
}
String.prototype.lTrim = function()
{
return this.replace(/(^[\\s]*)/g, "");
}
String.prototype.rTrim = function()
{
return this.replace(/([\\s]*$)/g, "");
} ......
最新文章 : javascript