亚洲a级成人片在线观看,亚洲电影在线免费观看,国产亚洲精品无码专区

teddy — Sun, 18 Oct 2009 14:59:00 GMT

style和currentStyle都能用来取得当前样式表中的信息，但是style只能取得在HTML中用style声明的样式表信息�Q�无法取得通过class声明的样式表信息�Q�而currentStyle两种声明方式都可以取得�?

teddy 2009-10-18 22:59 发表评论

teddy — Sun, 18 Oct 2009 05:28:00 GMT

我的��试环境是IE8�Q�对于事件clone要注意一�?点：
1.�q�行时添加的事�g不会被克隆，如下例：

1a = document.getElementById('a'); //假设a是一个div
2 a.onclick = function () { alert(this.innerHTML); }
3b = a.cloneNode();

2.解析HTML时原来带的事件会被克隆，如下例：

1<div id='a' onclick='alert(this.innerHTML)'>aaaadiv>

3.通过attachEvent��d��的事件会被克隆，如下例：

1a = document.getElementById('a');
2    a.attachEvent('onclick', function () {
3          alert(this.innerHTML);
4    });
5b = a.cloneNode();

最后如果想在clone时将节点其中的子节点一同clone的话�Q�请使用cloneNode(true)�?

teddy 2009-10-18 13:28 发表评论

teddy — Mon, 08 Jun 2009 16:04:00 GMT

实现代码�Q?br />

1 function $A (Arguments) {
2     var result = [];
3     for (var i = 0; i < Arguments.length; i++)
4         result.push(Arguments[i]);
5     return result;
6 }
7
8 Class = {
9     create : function () {
10         var args = $A(arguments);
11         var parentClass = args.shift();
12         var properties;
13         if (parentClass instanceof Function)
14             properties = args.shift();
15         else if (parentClass instanceof Object) {
16             properties = parentClass;
17             parentClass = void 0;
18         }
19
20         var klazz = function () {
21             if (this.initialize) this.initialize.apply(this, arguments);
22         };
23
24         if (parentClass) {
25             var tmpClass = new Function;
26             tmpClass.prototype = parentClass.prototype;
27             klazz.prototype = new tmpClass();
28             klazz.prototype.constructor = klazz;
29         }
30
31         for (var key in properties) {
32             if (properties[key] instanceof Function && klazz.prototype[key] instanceof Function) {
33                 klazz.prototype[key] = (function () {
34                     var _parent = klazz.prototype[key];
35                     var _method = properties[key];
36                     return function() {
37                         var _this = this;
38                         $super = function(){
39                             _parent.apply(_this, arguments);
40                         }
41                         _method.apply(this, arguments);
42                     }
43                 })();
44             }
45             else
46                 klazz.prototype[key] = properties[key];
47         }
48
49         return klazz;
50     }
51 }

��试代码�Q?br />

1
2             T = Class.create({
3                 initialize : function (tt,mm) {
4                     alert("initialize T");
5                     this.tt = tt;
6                     this.mm = mm;
7                 },
8                 l : function () {
9                     alert("f");
10                 },
11                 f : function () {
12                     alert(123);
13                 }
14             });
15
16             M = Class.create(T, {
17                 initialize : function (tt,mm,nn) {
18                     $super(tt,mm);
19                     alert("initialize M");
20                     this.nn = nn;
21                 },
22                 f : function () {
23                     //$super(); �q�里也可以不调用父类的f�Ҏ��
24                     alert(456);
25                 },
26                 s : function () {
27                     alert("sssss");
28                 }
29             });
30
31             N = Class.create(M);
32
33             m = new N(1,2,3);
34             m.f();
35             m.l();
36             m.s();
37             alert(m.tt);
38             alert(m.mm);
39             alert(m.nn);
40             alert(m instanceof N);
41             alert(m instanceof M);
42             alert(m instanceof T);

在做的过�E�中�Q�上面粗体部分不是像现在�q�样实现的，遇到了一个怪异的问题，下面�l�出原来的实玎ͼ�

1 var _parent = klazz.prototype[key];
2 var _method = properties[key];
3 klazz.prototype[key] = function() {
4     var _this = this;
5     $super = function(){
6          _parent.apply(_this, arguments);
7     }
8     _method.apply(this, arguments);
9 }

�q�种实现造成了klazz的prototype中的每个�Ҏ��执行��L��q�回相同�l�果�Q�原因是_parent和_method在create一个Class�? 时候已�l�被固定到properties的最后一个key上，所以在�q�行的时候会�q�回相同的结果，解决�Ҏ��如同上面�_�体部分�Q�必��ȝ��一个函数封装�ƈ立即执行 �q�回内部函数�Q�这是闭包的一�U��用方式，�q�种做法�c�M��把函数内的内容做一个快照，�q�回的内部函数存取变量的时候其实是从快照中取得�Q�而不是从 properties中取得�?br />
�q�个版本�q�不能用在生产环境中�Q�由于时间仓促，肯定会有BUG或不完善的地斏V��所以徏议大家还是��用Prototype的实玎ͼ�我这个实现只是用来更加深�ȝ��理解一些概念，比如变量作用域链、闭包等�{�的使用�?br />

teddy 2009-06-09 00:04 发表评论

teddy — Mon, 18 May 2009 18:06:00 GMT

作用域是一个抽象概念，在浏览器的JavaScript实现中会有这个概念，但是不同��览器实现可能不同�?br />
一、作用域的种�c�（自己感悟�Q?br /> 1.对象作用域，window及标�{�օ�素都属于对象作用域�?br /> 2.函数作用域，函数自��n形成的作用域�?br /> 可以把作用域看作是上下文�Q�context�Q�之�cȝ��对象�?br />
看下面的代码
�?

1breakE = 0;
2var state = 1;                //1
3Person = function(name) {     //2
4    var age = 20;
5    this.name = name;
6    this.show = function () {     //3
7        alert(age);
8        alert(state);
9        alert(name);
               alert(this.name);
10    }
11    alert(m);
12}
13    Person.prototype.check = function () {};
14m = new Person('mike');       //4
15var j = new Person('Jerry');      //5
16
17m.show();                     //6

通过看上面这�D�代码我们发现有时候定义变量时用var�Q�有时候却不用�Q�这里有什么区别吗�Q�在此之前我们先定下规矩�Q�那��是必须有一个全局作用域，��像是window对象的存在一��P��是作用域的最��层。那么哪些变量被定义��C��用域的最��层呢？那就是state�Q�对于不在�Q何函数或�c�M��用var定义的变量存在于全局作用域中。那么全局作用域属于作用域的哪�U�类型呢�Q�那��是对象作用域。具体是哪个对象的作用域呢？非window对象莫属�?br />
我们可以把对象作用域惛_��成两部分�Q�左面部分是对象�U�别的，保存的是和对象绑定的成员属性（无论是变量还是函敎ͼ��Q�通过this来访问的。右面的部分是作用域�U�别的，保存的是var定义的属性（无论是变量还是函敎ͼ��Q�可以直接通过变量名称讉K��。对于window来说它是个特�D�体�Q�从用var定义的变量可以用this来访问就能看出问题，我个人猜��window对象既是JavaScript的顶层对象又是顶层作用域�Q�所以才会有�q�种效果�?br /> 另一�U�情况就是标�{�օ�素的对象作用域和全局作用域非常的像，如下例：

1//�?
2<input type='button' value='click me' onclick='alert(value)'/>
3//�?
4<input type='button' value='click me' onclick='alert(this.value)'/>
5//�?
6function test() {
7 alert(value);
8 alert(this.value);
9}
10<input type='button' value='click me' onclick='test()'/>

很奇怪�ؓ什么例1和例2讉K��value和全局作用域里的var定义的变量的行�ؓ是一致的�Q�按理说value应该属于input标签元素对象的成员属性，讉K��对象的成员属性应该用this来访问，我们自定义的�c�，如果成员�Ҏ��惌��问成员变量都需要加this的，��像最上面的例子里的this.show�Ҏ��讉K��this.name成员变量一栗��而对于例3�Q�勤快的读者如果运行一下便知一定会出错的，�W�一句系�l�会报value未定义（除非你在全局作用域定义过value变量�Q�，�W�二句会打印出undefined。�ؓ什么会�q�样呢？�q�就要引��Z��用域链这个概念了�Q�后面会解释�q�个概念的�?br />
反观函数作用域，�׃��函数中用var定义的变量不能用this来访问，所以在函数作用域中不再像对象作用域那样分两部分�Q�而this实际保存的是与该函数�l�定的对象的引用�Q�也��是说this在函��C��有特�D�的含义�Q�是不能挪作它用的�?br />
二、作用域�?br /> 作用域是可以嵌套的，而嵌套的�l�果��Ş成了作用域链�Q�如�?所�C�，我们来描�q�C��下作用域链：
全局作用�?lt;----Person函数作用�?lt;-----show函数作用�?br /> 在全局作用域中可以讉K��哪些变量呢（注意我现在指的只是作用域中的变量�Q�？
1.state
2.j
在Person函数作用域中可以讉K��哪些变量呢？
1.全局作用域中的所有可讉K��的变�?br /> 2.name�Q�参敎ͼ�
3.age
在show函数中又有哪些变量可以被讉K��呢？
1.全局作用域中的所有可讉K��变量
2.Person函数作用域中所有可讉K��变量
3.如若show函数中还定义了var变量也要加入show函数作用�?br />
如果在show中访问一个x变量�Q�首先从show函数作用域里查是否有x�q�个变量�Q�如果没有再查Person作用域，如果�q�没有的话再查全局作用域，扑ֈ��p��回该变量�?br /> 讲解到这里我们发��C��个问题，��g��作用域是定义时生成块�U�作用域�Q�即单独的对象作用域和函��C��用域�Q�而运行时生成作用域链�Q�这��是词法作用域的由来。有了这�U�作用域��构成了闭包的基��?br /> 下面是一个稍微特�D�的例子�Q?br />

1 function test() {
2     test2();
3 }
4
5 function test3() {
6     test2 = function() {
7         alert("test2");
8     }
9     test();
10 }

定义test的时候test2�q�不存在�Q�但是调用test的时候，test2��存在了�Q�这说明了作用域铄��实是�q�行时生成的�?/span>

通过作用域链如何解释�?�?�?呢？
我的分析是对于HTML元素来说当页面解析的时候，元素被解析成DOM树，HTML元素里的标准属性作��元素对象作用域的变量�Q�类似var定义的那�U�）�Q�而非该元素DOM对象的成员属性（�c�M��this定义的那�U�）�Q�这样就解释了两个问题：
1.在页面上预定义的HTML元素标准属性是不能用delete和removeAttribute删除的�?br /> 2.onclick属于input元素的一个方法，那么�q�个作用域链应该像下面这��P��
全局作用�?lt;-----HTML元素作用�?lt;-------onclick函数作用�?br /> value变量在哪个作用域里呢�Q�答案是HTML元素作用域中。所以onclick不但可以讉K��而且加不加this都可以�?br /> 那么�?的作用域链是什么样的呢�Q�如下：
全局作用�?lt;-----test函数作用�?br /> 全局作用�?lt;-----HTML元素作用�?lt;-------onclick函数作用�?br /> 没错是两条，因�ؓ当单��L��钮后执行到onclick函数中时走的是第二条链，而在onclick中调用了test函数�Ӟ��走的是第一条链�?br /> 昄��value�q�是定义在HTML元素作用域中�Q�而test惌��问value��g��定是讉K��不到的�?br />
对于�q�个问题我还��试了一下非标准属性，如下例：

1<input type="button" value="click me" bb="123" onclick="delete this.bb; alert(bb)"/>

��试发现非标准的HTML元素属性可以被删除�Q�但是delete语句执行时必��ȝ��this来引用（IE中测试）�Q�直接访问如alert到没有这个限制�?br /> 说明bb是input对象属性是没错的，因�ؓ它可以被删除�Q�但是如果它没有被删除的话alert(bb)�q�是能显�C�出来的�Q�说明这�c�d��性很�Ҏ��Q�具体怎么解释我还没有惛_��Q�如果有朋友能解释的通，请告知我�?br />
三、什么是闭包
show函数昄��是一个闭包，但是它是��q��的构造函数生成的�Q�和另一�U��Ş式其实是一��L��Q�代码如下：

1function getFunc (a, b) {
2    return function () {
3         alert(a - b);
4    }
5}
6
7var func1 = getFunc(10,5);
8func1();
9
10var func2 = getFunc(20,30);
11func2();

上面的代码func1函数无论我执行多��次都显�C?�Q�func2函数无论我执行多��次都显�C?10�Q�这和例0是多么的像呀�Q�例0中m.show()无论执行多少�ơ都能显�C?mike'�Q�j.show()无论执行多少�ơ都能显�C?Jerry'�Q�行�?那行在�v作用�Q�先不考虑this.name那行�Q�。这��是闭包�Q�把作用域链中变化的变量�l�固定化�Q�然后把作用域链和函数本�w�进行绑定，无论我在什么地�Ҏ��行函敎ͼ�函数的作用域铑֧��l�是它定义的时候那条�?br />
四、关于对象成员的讉K��Q�即this能引用的那些属性）�Q�我只是在猜惻I��可能的作用域铑ֺ�该如下：
全局作用�?lt;-------m对象作用�?lt;-------m.test函数作用�?br /> m的对象成员（�c�M��this定义的）保存在对象作用域的左半部�Q�m的作用域变量�Q�类中var定义的）保存在对象作用域的右半部�?br /> m.test函数要访问对象成员时从对象作用域的左半部��索，要访问作用域变量时从对象作用域的叛_��部检索�?br /> 同时�q�个作用域链�q�解�{�了另一个问题，卛_��型方法（公共�Ҏ��Q��ؓ什么不能访问类中用var定义的变量�?br /> 看例0卛_��知check和Person�Ҏ��׃��在同一个链上，又谈何能讉K��呢？

��x��把JavaScript变量作用域讲解完毕，我觉得这个还是蛮重要的，如果一定要有个比较的话�Q�应该和Java中的ClassLoader有同��L��重要性吧。大家借鉴的同时请多给我指出错误，因�ؓ�q�其中有一些还是我的猜��?

teddy 2009-05-19 02:06 发表评论

IE document compatMode

teddy — Wed, 15 Apr 2009 09:37:00 GMT

compatMode Property

Gets a value that indicates whether standards-compliant mode is switched on for the object.

Syntax

[ sMode = ] object.compatMode

Possible Values

sMode String that receives one of the following values.

BackCompatStandards-compliant mode is not switched on.

CSS1CompatStandards-compliant mode is switched on.

The property is read-only. The property has no default value.

Remarks

With Microsoft Internet Explorer 6 and later, you switch on standards-compliant mode by including the !DOCTYPE declaration at the top of your document, specifying a valid Label in the declaration, and in some cases, specifying the Definition or URL. The Label element specifies the unique name of the Document Type Definition (DTD), and can be appended with the version number of the DTD. The Definition element specifies the definition of the DTD that is specified in the Label. The URL element specifies the location of the DTD.

When standards-compliant mode is switched on (also called "strict mode"), Windows Internet Explorer displays the document according to the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard. When standards-compliant mode is not switched on (also called "quirks mode"), the document is displayed as it was displayed in previous versions of Internet Explorer.

The compatMode property is deprecated in Internet Explorer 8 in favor of the documentMode property.

IE8 documentMode

Syntax

[ vMode = ] object.documentMode

Possible Values

vMode Floating-point that receives one of the following values.

5Microsoft Internet Explorer 5 mode (also known as "quirks mode").

7Internet Explorer 7 Standards mode.

8Internet Explorer 8 Standards mode.

The property is read-only. The property has no default value.

Remarks

This property is available in all compatibility modes.

The document compatibility mode of a Web page determines how Internet Explorer 8 interprets and renders the page. Page authors generally use meta elements to specify X-UA-Compatible HTTP-EQUIV headers that specify the document compatibility mode. For more information, see Defining Document Compatibility. In versions of Internet Explorer previous to Internet Explorer 8, compatMode was solely determined by DOCTYPE.

teddy 2009-04-15 17:37 发表评论

teddy — Thu, 19 Mar 2009 12:44:00 GMT

通常我们对form的引用通过�l�form加上id来实玎ͼ�其实我们可以使用name来实现。两者的不同是id需要用document.getElementById()来检索，name通过document.forms[form_name]来检索，在form中的表单元素都有name的时候可以通过document.forms[form_name][element_name]来检索到指定的表单元素。另一�U�方法可以通过document.forms[form_name].elements来获得表单元素的集合�Q�但是其中不包括input type='image'�Q�所有这些方法在IE7、Opera、FF2、FF3、Chrome、Safari上测试通过�?br />

teddy 2009-03-19 20:44 发表评论

teddy — Mon, 19 Jan 2009 02:42:00 GMT

本脓��不定期更新�Q�将集合JavaScript使用中常见的问题�?/strong>
�U�定�Q�浏览器名称IE/FF(通指Windows�q�_��上的IE、FF)、IE5.5+/FF2+(后面的数字表�C�版本，甚至可以有更详细的版本信息）
目前只测试IE和FF�Q�其他浏览器不在��试范围内，如果我只提及IE的，则说明在IE中有问题�Q�而在FF中没有问题�?br />

IE中Class不能跨窗口引用，卛_��父窗口定义的SomeClass不能在子�H�口中实例化,�?strong>new opener.SomeClass()。请注意在这里我没有提到frame的情况，因�ؓ我还没有旉��试�Q�如果哪位有旉��试请告诉我�l�果�?/span>
IE中delete操作只能删除JavaScript或自定义对象的属性，而不能删除HTML Element对象的属性，如果惛_��除Element的属性，请��?strong>removeAttribute()�Ҏ��?
IE中delete操作只能删除非var定义的变量�?nbsp;
IE中如果在一个窗口引用一个对象，如果�q�个对象是在其他�H�口建立的，但是那个�H�口已经关闭了，那么对这个对象的引用��会出错�?

          如在�H�口A�?br />           opener.someClassObj = new SomeClass();
          window.close();
          �H�口B�?br />           typeof someClassObj �l�果�?'object'�Q?但是实际引用该对象却会出错�?br />

teddy 2009-01-19 10:42 发表评论

在定义一个js�cȝ��时候，��Z��么要讄��该类的prototype属性�ؓ它所要��承的�cȝ��实例对象

teddy — Fri, 05 Dec 2008 06:24:00 GMT

在些JavaScript�c�d��义的时候，大家很可能都写过下面的代码：
function A() {}
function B() {}
B.prototype = new A()

上面�q�样写是��Z��让instanceof语句能�v作用。�D个例子：
1.不重写子�cȝ��prototype属�?br /> b = new B();
b instanceof B //return true
b instanceof A // return false
b instanceof Object //return true

2.写子�cȝ��prototype属�?br /> b = new B();
b instanceof B //return true
b instanceof A //return true
b instanceof Object //return true

另外�Q�prototype的作用是可以用来模拟�l�承�Q��我们在父�c�里��d��的属性方法在子类里能讉K��?br /> 但是我们可以使用一�U�其他的�Ҏ��来变通�?br />
function A(x) {
    this.x = x;
    this.method1 = functioni () {};
}

function B(x,y) {
    A.call(this,x);
    this.y = y;
}

b = new B(1, 2)

�q�时b中绝�Ҏ��x�Q��ƈ且x �{�于1�Q�但是我们�ؓ什么还要��用prototype呢？
主要是�ؓ了向父类原型动态添加的属性和�Ҏ��可以出现在子�cȝ��实例对象中�?br /> 接着上面的例�?br />
A.prototype.z = function () {}

如果我们没有讄��B.prototype = new A()�Q�则b不会动态添加方法z �?br />

teddy 2008-12-05 14:24 发表评论

JavaScript �c�d��转换注意事项

teddy — Fri, 14 Nov 2008 01:32:00 GMT

注：部分摘自�?strong>JavaScript: The Definitive Guide, 5th Edition�?br />
字符型�{换�ؓ数值型可以使用下列�Ҏ��
parseInt(stringVar);     //parseInt�q�可以指定二�q�制、八�q�制、或16�q�制
parseFloat(stringVar);
Number(stringVar);

for example:
parseInt("ff")    //will throw a error
parseInt("ff", 16) == parseInt("0xff")     // return 255
parseInt("77")    //return 77
parseInt("077") == parseInt("77", 8)    // return 63
注：�?0"�?0x"前缀会自动检��ƈ转换为相应的数制所表示的�?br /> If parseInt( ) or parseFloat( ) cannot convert the specified string to a number, it returns NaN

数值型转换为字�W�型
numberVar + "";
numberVar.toString();   //可以指定二进制、八�q�制、或16�q�制
String(numberVar);

other useful method
var n = 123456.789;
n.toFixed(0); // "123457"
n.toFixed(2); // "123456.79"
n.toExponential(1); // "1.2e+5"
n.toExponential(3); // "1.235e+5"
n.toPrecision(4); // "1.235e+5"
n.toPrecision(7); // "123456.8"

其实�q�有一�U�方法就是��用new操作�W�，�?br /> new String(numberVar);
new Numer(stringVar);
但是�q�种�Ҏ��q�回的结果是object�c�d��Q�而不是原始数据类型，大家可以酌情使用�?br />
另外�Q�在相等判断时��? == '会自动�{型（具体转换情况请参考其他资料）�Q�如果想�_��判断请��? === '�?br /> �?nbsp; 1 == '1'    //return true
       1 === '1' //return false
       1 == new Number(1)   //return true
       1 === new Number(1)   //return false

数��D��接等相关操作
"21" + "2" == "21" + 2 //return 212
2 + "21"   //return 221
"21" * "2" == "21" * 2 == 2 * "21" //return 42
"21" / "3" == "21" / 3 == 21 / "3" //return 7
"21" - "2" == "21" - 2 == 21 - "2" == 21 - "    2    " //return 19

正如和Java中一��P��new Number(3) == new Number(3)�q�回false�Q�同理推�q�到其他�c�d��Q�new操作�W��L��建立一个新对象�Q?br /> �?=只是比较其引用，�q�不比较对象本��n�Q�所以两个new的对象的引用��L��不同的。所以在通常的逻辑判断�?如if或while�{?�Q?br /> 最好避免��用Primitive Datatype Wrapper�Q�而直接��用Primitive Datatype�?br />
From Wrapper to Primitive, for example:
new Number(3).valueOf()
new String("str").valueOf()
new Date().valueOf()        //convert a Date to millisecond representation
[any other object].valueOf()    //The primitive value associated with the object, if any. If there is no value associated with object, returns the object itself.

Finally, note that any number, string, or boolean value can be converted to its corresponding wrapper object with the Object( ) function:

var number_wrapper = Object(3);

Automatic datatype conversions
Value	Context in which value is used
	String	Number	Boolean	Object
Undefined value	`"undefined"`	`NaN`	`false`	Error
`null`	`"null"`	`0`	`false`	Error
Nonempty string	As is	Numeric value of string or `NaN`	`TRue`	String object
Empty string	As is	`0`	`false`	String object
`0`	`"0"`	As is	`false`	Number object
`NaN`	`"NaN"`	As is	`false`	Number object
Infinity	`"Infinity"`	As is	`true`	Number object
Negative infinity	`"-Infinity"`	As is	`TRue`	Number object
Any other number	String value of number	As is	`true`	Number object
`true`	`"true"`	`1`	As is	Boolean object
`false`	`"false"`	`0`	As is	Boolean object
Object	`toString( )`	`valueOf( )`, `toString( )`, or `NaN`	`true`	As is

利用上面的表�Q�我们可以知道if ("") 、if (0)、if (undefined)、if (null)、if (NaN)�Q�这些if语句的条仉��为false.

teddy 2008-11-14 09:32 发表评论

面向对象的JavaScript�Q�二�Q�TSS上的一��文章，先借鉴一下）

teddy — Wed, 17 Sep 2008 12:15:00 GMT

Object Oriented JavaScript Demonstrated

teddy 2008-09-17 20:15 发表评论

面向对象的JavaScript �Q�一、对象基��Q��用函数来模拟�c�）

teddy — Wed, 03 Sep 2008 11:09:00 GMT

通过一个例子可以很直观的表�q�本主题�Q�所以没有�Q何其他的说明文字�Q�请看代码吧�?br />

  1function Person(name, age) {
  2
  3    //�U�有变量(private variables)
  4    var myName = name;
  5    var myAge = age;
  6
  7    //公共属�?public properties)
  8    this.name = myName;
  9    this.age = myAge;
10
11    //�U�有函数(private functions)
12    function getMyName() {
13    return myName;
14    };
15
16    function getName() {
17    return name;
18    };
19
20    var getMyAge = function () {
21    return myAge;
22    };
23
24    var getAge = function () {
25    return age;
26    };
27
28    //�Ҏ��Ҏ��(privileged methods)
29    this.getName = function () {
30    return this.name;
31        //return myName;       可以讉K��U�有变量
32    //return name;         可以讉K��构造函数参�?其参数本质也是私有变�?
33    //return getMyName();  可以讉K��U�有函数
34    //return getName();    可以讉K��U�有函数
35    };
36
37    this.getAge = function () {
38    return getAge();
39    };
40
41    this.getRealAge = function () {
42    return this.age;
43    };
44}
45
46//公共�Ҏ��(public methods)
47Person.prototype.acceptName = function (param) {
48    this.name = param;
49    //name = param;       公共�Ҏ��不能讉K��U�有变量
50    //myName = param;     公共�Ҏ��不能讉K��U�有变量
51};
52
53//原型属�?prototype properties)
54Person.prototype.legs = 2;
55
56//静态属�?static properties)
57//整个�c�d��有一个静态属性，各个对象�׃�n同一个静态属性�?/span>
58Person.arms = 2;
59
60Person.getArms = function () {
61    return Person.arms;
62    //return this.arms;   可以使用this来指代Person对象本��n
63};
64
65/*
66Person是一个逻辑上的�c�，他的本质是一个Function�Q�在JavaScript中类是由Function来模拟的�Q�所以Person�q�是一个Function的实例。而arms和getArms�Ҏ��是一个Function对象实例上的属性和�Ҏ��Q�是Person对象所�Ҏ��的，所以本例可以��用Person.arms来引用，同时在getArms�Ҏ��中，可以使用this.arms来引用，因�ؓgetArms是Person对象上的�Ҏ��Q�在该方法内部this指代Person对象自��n�?br /> 67*/
68alert(Person.getArms());
69
70var pa = new Person("Teddy", 25);
71
72//alert(pa.myName);  不能讉K��U�有变量
73
74alert(pa.name);
75
76alert(pa.getAge());
77
78pa.acceptName("Born");
79
80alert(pa.getName());
81
82var pb = new Person("John", 18);
83
84//�q�行时动态加入方�?/span>
85Person.prototype.acceptAge = function (param) {
86    this.age = param;
87};
88
89//pb对象也可以调用动态添加的�Ҏ��
90pb.acceptAge(30);
91
92alert(pb.getAge());
93
94alert(pb.getRealAge());
95
96//�q�行时覆盖已定义�Ҏ��
97Person.prototype.acceptName = function (param) {
98    return param;
99};
100
101//所有已创徏对象都自动��承被覆盖的方�?/span>
102alert(pa.acceptName("Black"));
103
104alert(pa.getName());
105
106alert(pa.legs);
107
108//�q�行时改变原型属性�?/span>
109Person.prototype.legs = 4;
110
111//所有已创徏对象都自动��承被改变的原型属性�?/span>
112alert(pb.legs);
113
114//�q�行时将原型属性改为公共方�?/span>
115Person.prototype.legs = function () {
116    return 4;
117};
118
119//所有已创徏对象都自动��承原型属性到公共�Ҏ��的改�?/span>
120alert(pa.legs());

teddy 2008-09-03 19:09 发表评论

兼容IE和FF的Javascript动态添加Select控�g的Option选项

teddy — Sun, 30 Dec 2007 14:49:00 GMT

看了很多Javascript的书�c�，发现对Select可以使用add�Ҏ��d��Option选项�?br /> selectObj.add(new Option("Label", "Value"));
但是add�Ҏ��好像只在IE下好用。现在提供一个通用的方法：
selectObj.options[selectObj.length] = new Option("Label", "Value");
另外如果惌��想��用add�Ҏ��Q�可以写成如下格式：
selectObj.add(new Option("Label", "Value"), null);
��h��意，在IE6及IE7下请使用不带null参数的add�Ҏ��Q�在FF下请使用带null参数的方法，IE8下带不带都可以�?br /> 很奇怪�ؓ什么一定要加null�Q�我猜测add�Ҏ��里一定��用了'=== null'来判断第二的参数或者没有对参数数组的长度做验证�?br />

teddy 2007-12-30 22:49 发表评论

关于IE与FF对HtmlElement属性操作的不同

teddy — Wed, 12 Sep 2007 13:17:00 GMT

今天�H�然发现IE和FF对于一些属性可以直接读取，使用element.attributeName或element[attributeName]形式�?br /> 但是有些不可以，在FF下必��ȝ��element.getAttribute(attributeName)来读取�?br /> �q�且�Q�IE下这三种方式的行为是一致的�Q�而FF下前两种和后一�U�是不一致的�?br /> 同理讄��属性的�Ҏ��也是不一致的�?br /> 其内部的实现原理�q�不得而知�Q�希望有知道的朋友指点一二�?

teddy 2007-09-12 21:17 发表评论

关于JavaScript的Prototype更进一步的讨论

teddy — Sat, 26 May 2007 00:49:00 GMT

摘要: 本文里讲�q�的是关于JavaScript的prototype问题�Q�如this成员和prototype成员有什么不同等�?
本文属于中等�U�别的文章，如果大家对OOP of JavaScript�q�不清楚的话�Q�请先去了解一下，
写本文的原因是习惯了Java、C#�{�语�a��Q�对于JavaScript的prototype�Q�通常所说的原型�Q�非�?
不适应�Q�很多朋友可能都有这��L��体验�Q�这��文章能解答你们很多的同�c�问题�?nbsp; 阅读全文

teddy 2007-05-26 08:49 发表评论

亚洲a级成人片在线观看,亚洲电影在线免费观看,国产亚洲精品无码专区

IE document compatMode

在定义一个js�cȝ��时候，��Z��么要讄���该类的prototype属性�ؓ它所要��承的�cȝ��实例对象