script(function(){var a = 123, b='hello world';GLOBAL.A = {};GLOBAL.A.CAT = {};GLOBAL.A.CAT.name = a;GLOBAL.A.CAT.sayName = function(){alert(GLOBAL.A.CAT.name);};});

   script:function extend(subClass, superClass){var F = function(){};F.prototype = superClass.prototyte;subClass.prototyte = new F();subClass.prototyte.constructor = subClass;subClass.superClass = superClass.prototyte;if(superClass.prototyte.constructor == Object.prototype.constructor){superClass.prototype.constructor = superClass;}function Animal(name){this.name = name;this.type = 'animal';}Animal.prototype = {say: function(){alert('I\'m a(an) '+ this.type +', my name is '+ this.name);}};function Bird(name){this.constructor.superClass.constructor.apply(this, arguments);this.type = 'brid';}extend(Bird, Animal);Bird.prototype.fly = function{alert('I\'m flying');}var canary = new Brid('xiaocui');canary.say();// I'm a(an) bird, my name is xiaocuicanary.fly();// i'm flying

   html:// 弹出 “A”<a href="#" onclick="alert(this.tagName)">click me</a>// 弹出“underfined”<a href="javascript:alert(this.tagName)">click me</a>// 弹出“true”<a href="javascript:alert(this==window)">click me</a>setTimeout 和 setInterval 也会改变 this 的指向，如下：javascript:var name = "somebody";var adang = {name: 'adang',say: function(){alert('I\'m '+ this.name);}};adang.say();// I'm adangsetTimeout(adang.say, 1000);// I'm somebodysetInterval(adang.say, 100);// I'm somebody另外，"DomNode.onXXX" 也会改变 this 的指向，如：javascript:var name = "somebody";var btn = document.getElementById('btn');var adang = {name: 'adang',say: function(){alert('I\'m '+ this.name);}};btn.onclick = adang.say;// I'm BUTTON

   javascript:var name = "somebody";var btn = document.getElementById('btn');var adang = {name: 'adang',say: function(){alert('I\'m '+ this.name);}};adang.say();// I'm adangsetTimeout(function(){adang.say();}, 1000);// I'm adangsetInterval(function(){adang.say();}, 1000);// I'm adangbtn.onclick = function(){adang.say();};// I'm adangsetTimeout(function(){alert(this == window);}, 1000);// truebtn.onclick = function(){alert(this == btn);};// true

   javascript:var name = "somebody";var btn = document.getElementById('btn');var adang = {name: 'adang',say: function(){alert('I\'m '+ this.name);}};adang.say.call(btn);// I'm BUTTONsetTimeout(function(){adang.say.call(btn);}, 1000);// I'm BUTTONsetInterval(function(){adang.say.call(btn);}, 1000);// I'm BUTTONbtn.onclick = function(){adang.say.apply(btn);};// I'm BUTTON

   html:<input type="button" value="click me" id="btn" name="BUTTON" />javascript:var name = "somebody";var adang = {name: 'adang',say: function(){alert('I\'m '+ this.name);},init: function(){// this 指向 adang 对象var This = this;document.getElementById('btn').onclick = function(){// this 指向 btn 的 DOM 节点，This 指向 ading 对象This.say();// I'm adangthis.say();// 报错，this.say is not a function};}};adang.init();

     javascript:var name = 'adang', state = 'awake';var say = function(oName){alert('I\'m '+ oName);};var sleep = function(oState){oSate = 'asleep';};say(name);sleep(state);面向对像编程：javascript:var adang = {name: 'adang',state: 'awake',say: function(){alert('I\'m '+ this.name);},sleep: function(){this.state = 'asleep';}};adng.say();adang.sleep();

     javascript:// 定义 Animal 类function Animal(name){// 共有属性this.name = name || 'xxx';this.type = 'animal';// 私有属性var age = 20;// 私有方法var more = function(){alert('I\'m moving now');}}Animal.prototype = {// 公有方法say: function(){alert('I\'m a(an) '+ this.type +', my name is '+ this.name +',I\'m '+ age);},act: function(){move();}};// 实例化Animal类varmyDog = new Animal('wangcai');myDog.say();// 报错,age未定义myDog.act();// 报错,move is not defined

     javascript:function Animal(name){this.name = name || 'xxx';this.style = 'animal';var age = 20;var move = function(){alert('xxxx');};this.say = function(){alert('xxxx');};this.act = function(){move();};}Animal.prototype = {};var myDog = new Animal('waicai');myDog.say();myDog.act();

     javascript:function Animal(name){var name = name, type = 'animal';var _age = 20;var master = 'adang';// 添加 master 属性，默认为adangthis.getName = function(){return name;};this.setName = function(o){if(o != 'waicai' && o != 'xiaoqiang'){alert('您设置的那么值不合要求');return;}name = o;this._valueChangeHandler('name');// 触发 name 属性的 valueChange 事件};this.getMaster = function(){// master 属性的获取方法return master;};this.setMaster = function(o){// master 属性的设置方法master = o;thi._valueChangeHandler('master');// 触发 master 属性的 valueChange 事件};this.getType = function(){};this.setType = function(o){alert('赋值失败，Animal类的 type 属性是只读的 ');};this._getAge = function(){return _age;};this._setAge = function(o){_age = o;};}Animal.prototype = {_move: function(){alert('I\'m moving now');},say: function(){alert('I\'m a(an) '+ this.getType() +', my name is '+ this.getName() +', I\'m '+ this._getAge());},act: function(){this._move();},onChange: function(valueName, fun){// 公有行为，用于注册属性的 valueChange 事件this['_'+ valueName +'ChangeHandlers'] = this['_'+ valueName +'ChangeHandlers'] || [];this['_'+ valueName +'ChangeHandlers'].push(fun);},_valueChangeHandler: function(valueName){var o = this['_'+ valueName +'ChangeHandlers'];if(o){for(var i=0,n=o.length; i<n; i++){var methodName = 'get'+ valueName.charAt(0).toUpperCase() + valueName.slice(1);o[i](this[methodName]);// 把 this.getType() 作为属性来调用，返回值作为参数传递}}}};var myDog = new Animal('wangcai');// 给 myDog 注册 name 属性的 valueChange 事件myDog.onChange('name', function(o){if(o == 'xiaoqiang'){alert('1');}else{alert('2');}});// 给 myDog 换个新名字 xiaoqiangmyDog.setName('xiaoqiang');// 1//给 myDog 再注册一个 name 属性的 valueChange 事件myDog.onChange('name', function(o){alert('my new name is '+ o);});..........

   javascript:// 先定义 Animal 类function Animal(name){this.name = name, this.type = 'animal';}Animal.prototype = {say: function(){alert('I\'m a(an) '+ this.type +', my name is '+ this.name);}};// 我们再定义一个类 Bird// example 1function Bird(name){Animal(name);}Bird.prototype = {};// 实例化Bird对象var myBird = new Bird('xiaocui');alert(myBird.type);// undefined

   javascript:// example 2function Bird(name){Animal.call(this, name);}Bird.prototype = {};// 实例化Bird对象var myBird = new Bird('xiaocui');alert(myBird.type);// animal

   javascript:// example 3function Bird(name){Animal.call(this, name);}Bird.prototype = Animal.prototype;Bird.prototype.fly = function(){alert('I\'m flying');};// 实例化Bird对象var myBird = new Bird('xiaocui');myBird.say();// xxxxxmyBird.fly();// I'm flyingvar myDog = new Animal('wangcai');myDog.fly();// I'm flying

   javascript:var a = 10, b = a;// 基本数据类型b++;var c = [1, 2, 3], d = c;d.push(4);alert(a);// 10alert(b);// 11alert(c.join(','));// 1,2,3,4alert(d.join(','));// 1,2,3,4

   javascript:var a = [1, 2, 3], b = {name: 'adang', sex: 'male', tel: '123456'};var c = [], d = {};for(var p in a){c[p] = a[p];}for(var p in b){d[p] = b[p];}c.push(4);d.email = 'xxx@gmail.com';alert(a);// 1,2,3alert(c);// 1,2,3,4alert(b.email);// undefinedalert(d.email);// xxx@gmail.com

   javascript:// example 4function Bird(name){Animal.call(this, name);}Bird.prototype = new Animal();// 这里不是很明白，new 一个父类实例赋值给 Bird.prototype 就能实现 原型 的继承了吗？如果是，是为什么呢？Bird.prototype.constructor = Bird;Bird.prototype.fly = function(){alert('I\'m flying');};// 实例化Bird对象var myBird = new Bird('xiaocui');myBird.say();// xxxxxmyBird.fly();// I'm flyingvar myDog = new Animal('wangcai');myDog.fly();// 报错，myDog.fly is not a function

   javascript:function extend(subClass, superClass){var F = function(){};// 作为class的函数F.prototype = superClass.prototype;subClass.prototype = new F();subClass.prototype.constructor = subClass;// 指回来subClass.superclass = superClass.prototype;if(superClass.prototype.constructor == Object.prototype.constructor){superClass.prototype.constructor = superClass;}}function Animal(name){this.name = name;this.type = 'animal';}Animal.prototype = {say: function(){alert('I\'m a(an) '+ this.type +' , my name is '+ this.name);}};function Bird(name){this.constructor.superclass.constructor.apply(this, arguments);this.type = 'Bird';}extend(Bird, Animal);Bird.prototype.fly = function(){alert('I\'m flying');}var canary = new Bird('xiaocui');canary.say();// .........canary.fly();// I'm flying

   javascript:// 定义电话本管理类function PhonebookManager(o){this._phonebook = o;}PhonebookManager.pototype = {// 查询电话getTel: function(oName){var tel = '';for(var i=0; i<this._phonebook.length; i++){if(this._phonebook[i].name == oName){tel = this._phonebook[i].tel;break;}}return tel;},// 添加记录addItem: function(oName, oTel){this._phonebook.push({name: oName, tel: oTel});},// 删除记录removeItem: function(oName){var n;for(var i=0; i<this._phonebook.length; i++){if(this._phonebook[i].name == oName){n = i;break;}}if(n != undefined){this._phonebook.splice(n, 1);}}};使用：javascript:var myPhonebookManager = new PhonebookManager({{name: 'zhang', tel: '111'},{name: 'wang', tel: '222'}});var zhangTel = myPhonebookManager.getTel('zhang');myPhonebookManager.addItem('huang', '333');myPhonebookManager.removeItem('wang');

   javascript:var a = bew String('hello world');// 通过new String()实例化 string 类型对象var b = 'hello world';// 直接通过 '' 实例化 string 类型对象alert(a.length);alert(b.length);var c = new Array(1, 2, 3);var d = [1, 2, 3];c.push(4);d.pop();alert(c);alert(d);

   javascript:Array.prototype.each = function(fun){for(var i=0,n=this.length; i<n; i++){fun(this[i], i);}};Array.prototype.clone = function(){var o = [];this.each(function(v, k){o[k] = v;});return o;};Array.prototype.map = function(fun){var o = [];this.each(function(v, k){o[k] = function(v, k);});return o;};// 因为在IE中 delete 是保留字，所以方法名改用DeleteArray.prototype.Delete = function(a){var o = this.clone();for(var i=o.length, n=0; i>n; i--){if(o[i] == a){o.splice(i, 1);}}return o;};var a = [1, 2, 3, 4, 5];var str = '';a.each(function(v, k){str += k+':'+ v +', ';});alert(str);// 0:1, 1:2, 2:3, 3:4, 4:5,var b = a.map(function(v, k){return v*10;});alert(a);// 1,2,3,4,5alert(b);// 10,20,30,40,50var c = b.Delete(20);alert(c);// 10,30,40,50

   javascript:var a = [1, 2, 3];alert(a);// 1,2,3Array.prototype.toString = function(){return 'I\'m an  array';}alert(a);// I'm an array值得一提的是，alert(a) 时，自动调用了 a 的toString 方法。在需要字符串时，对象会隐式地自动调用 toString 方法，包括我们自定义的对象。javascript:function Dog(o){this.name = o;}var myDog = new Dog('wang cai');alert(myDog);// [object object]Dog.prototype.toString = function(){return 'my name is '+ this.name;}alert(myDog);// my name is wang caivar me = {name: 'adang',email: 'xxx@163.com',toString: function(){return 'I\'m adang,my email is xxx@163.com';}};alert(me);// I'm adang,my email is xxx@163.com

   javascript:Array.prototype.length = 1;String.prototype.length = 1;alert([1, 2, 3].length);// 3alert('abc'.length);// 3

   javascript:Object.prototype.test = function(){alert('hello world');}var a = [1, 2, 3], b = 'abc', c = {}, d = true, e = function(){};a.test();b.test();c.test();d.test();e.test();function Dog(o){this.name = o;}Dog.prototype.toString = function(){return 'my name is '+ this.name;}var f = new Dog(wang cai);f.test();

   javascript:function myArray(o){this.getArray = function(){return o;}}myArray.prototype = {each: function(fun){var o = this.getArray();for(var i=0, n=o.length; i<n; i++){fun(o[i], i);}}};var a = new myArray([1, 2, 3]), str = '';a.each(function(v, k){str += k +':'+ 'v'+ ', ';});alert(str);// 0:1, 1:2, 2:3, 

   html:<a id="a" class="b" title="百度" href="http://www.baidu.com" onclick="alert(this.href);return false;" data-type="链接">baidu</a>javascript:var node = document.getElementById('a');alert(typeof node);// object// 使用 getAttribute('xxx') 获取节点对象属性alert(node.getAttribute('id'));// IE 和 Firefox : aalert(node.getAttribute('class'));// IE : null// Firefox : balert(node.getAttribute('className'));// IE : b// Firefox : nullalert(node.getAttribute('title'));// IE 和 Firefox : 百度alert(node.getAttribute('href'));// IE 和 Firefox : http://www.baidu.comalert(node.getAttribute('onclick'));// IE : function onclick(){alert(this.href);return false;}// Firefox : alert(this.href);return false;alert(node.getAttribute('innerHTML'));// IE : baidu// Firefox : null// 使用 node.xxx 获取节点对象属性alert(node.id);// IE 和 Firefox : aalert(node.className);// IE 和 Firefox : balert(node.title);// IE 和 Firefox : 百度alert(node.href);// IE 和 Firefox : http://www.baidu.comalert(node.onclick);// IE : function onclick(){alert(this.href);return false;}// Firefox : function onclick(event){alert(this.href);return false;}alert(node.innerHTML);// IE 和 Firefox : baidu

   javascript:var strObject = '{name: "huang", tel: "123"}';var obj = eval('('+ strObject +')');alert(obj.name);// huangalert(obj.tel);// 123

   html:<input type="button" id="btn" value="click me" />javascript:document.getElementById('btn').onclick = function(){alert(arguments.length);// IE下弹出0；Firefox下弹出1};

   html:<input type="button" id="btn" value="click me" onclick="handler();" />javascript:function handler(){alert(arguments.length);}

   html:<input type="button" id="btn" value="click me" />javascript:document.getElementById('btn').onclick = function(e){e = window.event || e;// 兼容 ie 和 firefox ，指向 event 对象};

   html:<input type="button" id="btn" value="click me" onclick="alert(event.type);" />

   html:<input type="button" id="btn" value="click me" onclick="alert(1);//alert(2);alert(3);" /><input type="button" id="btn" value="click me" onclick="alert(1);/*alert(2);*/alert(3);" /><input type="button" id="btn" value="click me" onclick="var a='abc';alert(typeof a);" />

   html:<input type="button" id="btn" value="click me" onclick="alert(123);" />javascript:doccument.getElementById('btn').onclick = function(){alert(456);};

   javascript:doccument.getElementById('btn').onclick = function(){alert(123);};doccument.getElementById('btn').onclick = function(){alert(456);};

   html:<input type="button" id="btn" value="click me" onclick="alert(123);" />javascript:function handler(){alert(456);}var btn = document.getElementById('btn');if(document.all){btn.attachEvent("onclick", handler);}else{btn.addEventListener("click", handler, false);}

   html:<span id="test">hello world</span>javascript:var node = document.getElementById('test');node.style.color = 'red';node.style.backgroundColor = 'black';node.style.fontSize = '40px';node.style.fontWeight = 'bold';

   style:.testStyle {color: red;background-color: black;font-size: 40px;font-weight: bold;}html:<span id="test">hellow world</span>javascript:var node = document.getElementById('test');node.className = 'testStyle';

  html:<span id="test">hellow world</span>javascript:function addStyleNode(str){var styleNode = document.createElement('style');styleNode.type = 'text/css';if(styleNode.styleSheet){styleNode.styleSheet.cssText = str;}else{styleNode.innerHTML = str;}document.getElementsByTagName('head')[0].appendChild(styleNode);}addStyleNode('span {font-size: 40px;background: #000;color: #fff;}#test {color: red;}');