javascript小技巧
事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素：
document.elementfromPoint(event.x,event.y).tagName=="TD
document.elementfromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
� ......
JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今
JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用
Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。
1. jQuery: The Write Less, Do More, JavaScript Library
jQuery 是一个很新的 JavaScript 库，它的口号是“几行代码，能干大事”（Write Less, Do More），它是拥有最多插件和扩展的 JavaScript 库，以下是 jQuery 现状：
当前版本： 1.3.2
文件尺寸：压缩后最小19KB，未压缩为120K。
作者： John Resig
拥有19种语言的教程
: 教程总计183种。
著名用户：
超过1000个
插件
: 3493
易学
对设计师来说非常易学，使用 CSS 语法
拥有大量有趣的扩展
拥有非常出色的社区，可能是最大的
被数以百万的站点使用，包括诸如 Google, Dell, CBS, NBC, DIGG, Bank of America, Wordpress, Drupal, Mozilla 等著名站点。
2. MooTools – a compact javascript framework
MooTools 是一个使用 MIT 许可的开源项目，意味着� ......
网上很多文章都转载了一段话：对于函数来说，caller 属性只有在函数执行时才有定义。
到底是不是呢？可以用下面这段代码测试一下（这段例子也是转载文章中使用的）：
function callerDemo() {
if (callerDemo.caller) {
var a= callerDemo.caller.toString();
alert(a);
} else {
alert(callerDemo.caller);
}
}
function handleCaller() {
callerDemo();
}
alert("callerDemo.caller:"+callerDemo.caller); //null
alert("callerDemo.callee:"+callerDemo.callee); //undefined
alert("callerDemo.undefinedProperties:"+callerDemo.undefinedProperties); //undefined
可以看出任何未定义的属性打印出来的值都是undefined
而caller属性打印出来的却是null，说明caller属性在执行前就已经存在，只不过为null而已 ......
10:33:41 2009-11-14
function checkDate() {
//取得date的值
if(!document.getElementById || !document.createTextNode()){return;}
var dateFiled = document.getElementById('date');
if(!dateFiled) {return;}
var dateValue = dateFiled.value;
var checkPattern = new RegExp("\\d{2}/\\d{2}/\\d{4}");
//输入初始化的提示信息
var errContainer= dateFiled.parentNode.getElementsByTagName('span')[0];
if(!errContainer) { return;}
var errorMessage=" ";
errContainer.firstChild.nodeValue=" ";
//判断日期值是否合要求
if(dateValue==""){
errorMessage="请输入一个日期";
} else if(!checkPattern.test(dateValue)) {
errorMessage = "日期格式不对，请重新输入";
}
//如果有错误信息则在<span>里面输出错误信息，否则返回true
if(errorMessage!=" ") {
errContainer.firstChild.nodeValue = errorMessage;
dateFiled.focus();
return false;
} else {
return true;
}
} ......
前一阵看EXTJS的几个例子，觉得JS的底子很差，特别是JavaScript面向对象程序设计方面的知识，于是在网上搜索，找到几篇好的博客，于是转过来，以备后面的学习使用。
本博客转于：http://devbean.javaeye.com/blog/404032
1. 基于对象还是面向对象？
面向对象技术是现代软件开发中的重要技术之一。面向对象变成的好处毋庸置疑，现在的主流语言如Java、C++都是面向对象的。现在的面向对象理论更多的是使用Java或C++进行描述，究其根源，在于这些语言都是传统的面向对象语言，具有面向对象理论所指明的一切特性：类、封装、继承、多态等等。
相比而言，一些动态语言如JavaSript就显得不那么面向对象——至少，在JavaScript中并没有类class这一关键字。但是，在JavaScript中并不是没有类的概念。于是有人说，JavaScript是基于对象的语言，而不是面向对象的语言。
面向对象的语言具有三个特性：封装、继承和多态，三者缺一不可；基于对象的语言通常仅仅是使用对象，其实现的是封装，并没有提供后两种特性。的确，从语法上来说，JavaScript并没有特定的语法或者在语言级别上来实现继承和多态。但是，这并不妨碍我们使用这些特性。这是因为，JavaScript是一种 ......
本博客转载于：http://devbean.javaeye.com/blog/404040
或许你会奇怪，面向对象的程序设计为什么从数组开始讲起？这是因为……其间的种种关系吧……嘿嘿，这里先卖个关子，先来看看我们熟悉的数组在JavaScript里面是什么样子的。
1. 创建数组
在JavaScript中有很多创建数组的方法。比如使用Array函数。不过这不是现在我们要讲述的。现在我们使用简单的方括号“[]”的办法来创建数组。
Js代码
1.var objAyyar = []; // 1
2.var objAyyar = [2]; // 2
3.var objAyyar = ["a", "b", "c"]; // 3
4.var objAyyar = [new Date(), 123, "abc"]; // 4
这里有四个创建数组的语句。下面来一一解释一下：
第一句，创建一个空的数组；
第二句，创建一个数组，数组元素只有一个2；
第三句，创建一个数组，数组的元素分别初始化为"a", "b", "c"；
第四句，创建一个数组，其中第一个元素为一个Date类型的对象，第二个元素是数字123，第三个元素是字符串"abc"。
回顾一下，在Java或者C++语言中，数组是具有相同的数据类型的元素的集合。比如使用Java语言的下面语句
Ja ......
最新文章 : javascript