john2522的专栏

Portotype虽然是强大的，和script.aculo.us结合可以做出很多完美的效果，可是它里面有太多我不想用的代码，或许这是我后面选择mootools的主要原因，我只是想选择性的打包。其实当时我也很想用一下jquery，仔细对比了一下，我还是觉得mootools更加的适合于我。有比较，才有机会去选择，我想从下面5个方面讨论一下。可读性VS简洁     在网上，很多人把mooto

JavaScript是分块执行的，先看如下的代码： function func () { document.write("hello"); }; func(); //这里调用myfunc，输出yeah而不是hello function func () { document.write("y

JavaScript是基于对象，而不是面向对象的语言，没严格意义的类，JavaScript中只有对象以及对象的实例，object就是对象的类型。在JavaScript中不管多么复杂的数据和代码，都可以组织成object形式的对象。先看如下一段代码：参考：js精通var life = {}; for(life.age = 1; life.age <= 3; life.age++)

如果没有原型这个方案，可能我们会遇到多个副本的问题，先看下面的代码：参考文章：js精通 function Person(name) //带参数的构造函数 { this.name = name; //将参数值赋给给this对象的属性 this.SayHello = function() {document.write("Hello, I'm " + thi

原文链接： 面向对象的JavaScript编程Javascript对于做过Web程序的人不应该是陌生，初期是用来做一些简单的FORM验证，基本上是在玩弄一些技巧性的东西。IE 4.0引入了DHTML，同时为了对抗Netscape的Javascript,提出了自己的脚本语言JScript，除了遵循EMAC的标准之外，同时增加了许多扩展，如下要提到的OOP编程就是其中的一个，为了命且概念，我以

在web页面的客户端应用中，js已经成为不可缺少的部分。传统方式对js的应用完全基于过程模型，在这种模型里，普通语句及全局函数的使用最为普遍。当代码的数量逐渐增加，整个项目的维护就变得困难，逻辑也渐渐超出设计者的掌控，这个时候，我们需要借用软件工程的观念来管理项目。现代软件工程的根基是组件化、对象化的程序设计，由UML设计图指导的程序设计过程有条不紊地进行着。令人苦恼的是，当现代软件工程的理念渗入

简介        在很多传统语言（C/C++/Java/C#等）中，函数都是作为一个二等公民存在，你只能用语言的关键字声明一个函数然后调用它，如果需要把函数作为参数传给另一个函数，或是赋值给一个本地变量，又或是作为返回值，就需要通过函数指针(function pointer)、代理(delegate)等特殊的方式周折一番。而在JavaScript世界中函数却是一等公民，它不仅拥有一切

原文连接 http://www.blogjava.net/jjshcc/archive/2010/08/04/327935.html 在Javascript里面，this指针代表的是执行当前代码的对象的所有者。  var name = "Kevin Yang";  function sayHi(){    alert("你好，我的名字叫" + this.name);  }

先猜猜下面的输出结果： var2 = 111;function foo(){ document.write("var2: "+var2+""); document.write("window.var2: "+window.var2+""); var var2 = 122; }foo();如果结果如下，说明，你对JavaScr

一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无法读

单字节指只占一个字，是英文字符。双字是占两个字节的，中文字符都占两个字节 单字节的英文是Byte；比特是最小的数值单位，它的英文是Bit。 一个字节包含8个比特，通常计算机初学者接触到的ASCII码就是单字节字符，由于计算机是二进制的，1个比特位只可以表示为0或者1这两种数，那8个比特（一般从右至左）就可以有0～127（2的8次方再减1）的不同的数值表示。 双字节字符即是包

无论是为了离线web应用，还是为了更好的用户体验，还是为了节省更多流量，很多web应用都需要我们能够在本地存储一些数据，于是出现了很多的基于浏览器的本地存储解决方案，比如cookie, userData, Flash SharedObject, Google Gears, WebStorage, Silverlight, Open Database等。HTML5本地存储出来之前，本地存储方

参考链接：理解javascript中arguments,callee,caller  function Sing() { document.write(""+arguments.callee); with(arguments.callee) document.write(""+author + "：" + p

undefined是一种类型，javascript常用的类型有：Undefined,Null,Boolean,Number,String。如果一个变量没定义或者定义后没初始化，typeof就会返回"undefined“（注意：有引号的）参考下面的代码：document.write(typeof undefined+"");var a;document.write(typeo

在JavaScript中,变量可以存放两种类型的值,即原始值和引用值.原始值(primitive value):原始值是固定而简单的值,是存放在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置.引用值(reference value):引用值则是比较大的对象,存放在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(pointer),

一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例：

集合是我们最常用的数据结构了，JScript虽然给我们提供了一个内部类集合对象Array，可是Array的接口调用规则并不适合我们已经习惯了的.NET Framework。为了在JScript中能方便的使用集合，我找葫芦画瓢作了一个JScript版的的CollectionBase类。    没有什么复杂的东西，只是把集合需要的操作整理了一下，实现了以下方法：function Collect

原文参考： JavaScript中this关键字使用方法详解   以及 JScript中的"this"关键字使用方式补充 关于事件处理可以参考：  JavaScript中的5种事件使用方式解说在面向对象编程语言中，对于this关键字我们是非常熟悉的。比如C++、C#和Java等都提供了这个关键字，虽然在开始学习的时候觉得比较难，但只要理解了，用起来是非常方便和意义确定的。JavaS

原文参考链接： 在JavaScript面向对象编程中使用重载在此之前，我写了一个'在JavaScript面向对象编程中使用继承'的一系列文章。有很多的热心网友参与了讨论，指出了其中很多的问题并给予了我很多的好建议，非常感谢他们。同时在OOP中和继承关系非常紧密的就是重载这个东西，那么我介绍的继承方法支持重载吗？    这里我要说的重载(override)，确实就是传统OO中的重载，而不

JavaScript文档加载完成事件 window.load(function(){...})和body.onload()都存在同样一个问题，那都是在页面所有元素(包括html标签以及引用到得所有图片,Flash等媒体)加载完毕后执行的,这是它们的共同点.$(document).ready()是文档结构已经加载完成（不包含图片等非文字媒体文件），不必等到所有的加载完毕。原理是：$(do

原文参考链接：在JavaScript面向对象编程中使用继承(1) 前几天做了一个JScript版的CollecionBase类，用来解决需要使用集合作为主要数据结构的类的基类。不过当时挺忙的没有给出继承的示例，搞得有的网友对JavaScript继承比较迷惑，于是今天使用四种方式来分别实现了4个ArrayList派生类。    关于使用JavaScript进行面向对象编程(OOP)，网上

原文参考： 在JScript中运算符"||"和"&&"的特殊特性在JScript的众多运算符里，提供了三个逻辑运算符&&、||和!，噢?! 是高级语言都提供的。按我们对逻辑运算的正常认识，逻辑运算的结果因该是ture或者false。但是JScript的逻辑运算却不完全是这么定义的，这里只有!运算符总是返回true|false，而||和&&运算比较的好玩。    JScript对于逻辑运

在IE下解决问题很简单，用onMouseEnter、onMouseLeave来代 替onMouseOver、onMouseOut就行了，他们的作用基本相同，前者不会发生冒泡。但是firefox下没有这两个事件，如果用 jQuery的event事件，只要bind mouseleave和mouseenter即可。如果是纯js实现，只能这么做：通过判断触发onMouseOut事件后鼠标到达的元素

常见的2中原型方法如下： function JSClass() { alert('This is JSClass');} function JSClass.prototype.MethodA() { alert('This is MethodA');};JSClass.prototype.MethodB = function()

参考： 只遍历出JScript对象的expando属性处了object的hasOwnProperty方法可以获得JScript对象的expando属性外，还可以通过for in 遍历来实现。代码如下：Object.prototype.Clone = function() {};Object.prototype.Call = function() {};Object.prot

默认时，网站的所有 Cookies 都一起被存储在客户端，并且所有 Cookies同网站的任何请求一起被发送到服务器。换句话说，网站中的每个页面都能够为网站获取所有的Cookies。但是，你能够通过两个方式来设置 Cookies 的作用范围： 把 Cookies 的作用范围限制到服务器的目录，从而允许你把 Cookies 限制到网站的某个应用程序。设置域的作用范围，能够允许你指定域中的哪些