JavascriptÃæÏò¶ÔÏó±à³Ì£¨¶þ£©£º¼Ì³Ð
ZT:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html
ÉÏÒ»´ÎµÄÎÄÕ£¬Ö÷Òª½éÉÜÁËÈçºÎ"·â×°"Êý¾ÝºÍ·½·¨£¬´ÓÔÐͶÔÏóÉú³ÉʵÀý¡£
½ñÌìÒª½éÉܵÄÊÇ£¬¶à¸öÔÐͶÔÏóÖ®¼äÈçºÎ"¼Ì³Ð"¡£
±ÈÈ磬ÏÖÔÚÓÐÒ»¸ö"¶¯Îï"¶ÔÏó£¬
¡¡¡¡function Animal(){
¡¡¡¡¡¡¡¡this.species = "¶¯Îï";
¡¡¡¡}
»¹ÓÐÒ»¸ö"è"¶ÔÏó£¬
¡¡¡¡function Cat(name,color){
¡¡¡¡¡¡¡¡this.name = name;
¡¡¡¡¡¡¡¡this.color = color;
¡¡¡¡}
ÔõÑù²ÅÄÜʹ"è"¼Ì³Ð"¶¯Îï"ÄØ£¿
1. ÔÐͶÔÏó°ó¶¨
×î¼òµ¥µÄ·½·¨£¬´ó¸Å¾ÍÊÇʹÓÃcall»òapply·½·¨£¬½«¸¸¶ÔÏó°ó¶¨ÔÚ×Ó¶ÔÏóÉÏ£¬Ò²¾ÍÊÇÔÚ×Ó¶ÔÏóº¯ÊýÖмÓÒ»ÐУº
¡¡¡¡function Cat(name,color){
¡¡¡¡¡¡¡¡Animal.apply(this, arguments);
¡¡¡¡¡¡¡¡this.name = name;
¡¡¡¡¡¡¡¡this.color = color;
¡¡¡¡}
¡¡¡¡var cat1 = new Cat("´óë","»ÆÉ«");
¡¡¡¡alert(cat1.species); // ¶¯Îï
2. prototypeģʽ
¸ü³£¼ûµÄ×ö·¨£¬ÔòÊÇʹÓÃprototypeÊôÐÔ¡£
Èç¹û"è"µÄprototype¶ÔÏó£¬Ö¸ÏòÒ»¸öAnimalµÄʵÀý£¬ÄÇôËùÓÐ"è"µÄʵÀý£¬¾ÍÄܼ̳ÐAnimalÁË¡£
¡¡¡¡Cat.prototype = new Animal();
¡¡¡¡Cat.prototype.constructor = Cat;
¡¡¡¡var cat1 = new Cat("´óë","»ÆÉ«");
¡¡¡¡alert(cat1.species); // ¶¯Îï
´úÂëµÄµÚÒ»ÐУ¬ÎÒÃǽ«CatµÄprototype¶ÔÏóÖ¸ÏòÒ»¸öAnimalµÄʵÀý¡£
¡¡¡¡Cat.prototype = new Animal();
ËüÏ൱ÓÚÍêȫɾ³ýÁËprototype ¶ÔÏóÔÏȵÄÖµ£¬È»ºó¸³ÓèÒ»¸öÐÂÖµ¡£µ«ÊÇ£¬µÚ¶þÐÐÓÖÊÇʲôÒâË¼ÄØ£¿
¡¡¡¡Cat.prototype.constructor = Cat;
ÔÀ´£¬ÈκÎÒ»¸öprototype¶ÔÏó¶¼ÓÐÒ»¸öconstructorÊôÐÔ£¬Ö¸ÏòËüµÄ¹¹Ô캯Êý¡£Ò²¾ÍÊÇ˵£¬Cat.prototype Õâ¸ö¶ÔÏóµÄconstructorÊôÐÔ£¬ÊÇÖ¸ÏòCatµÄ¡£
ÎÒÃÇÔÚǰһ²½ÒѾɾ³ýÁËÕâ¸öprototype¶ÔÏóÔÀ´µÄÖµ£¬ËùÒÔеÄprototype¶ÔÏóûÓÐconstructorÊôÐÔ£¬ËùÒÔÎÒÃDZØÐëÊÖ¶¯¼ÓÉÏÈ¥£¬·ñÔòºóÃæµÄ"¼Ì³ÐÁ´"»á³öÎÊÌâ¡£Õâ¾ÍÊǵڶþÐеÄÒâ˼¡£
×ÜÖ®£¬ÕâÊǺÜÖØÒªµÄÒ»µã£¬±à³ÌÖÐÎñ±ØÒª×ñÊØ¡£ÏÂÎͼ×ñÑÕâÒ»µã£¬¼´Èç¹ûÌæ»»ÁËprototype¶ÔÏó£¬
¡¡¡¡o.prototype = {};
ÄÇô£¬ÏÂÒ»²½±ØÈ»ÊÇΪеÄprototype¶ÔÏó¼ÓÉÏconstructorÊôÐÔ£¬²¢½«Õâ¸öÊôÐÔÖ¸»ØÔÀ´µÄ¹¹Ô캯Êý¡£
¡¡¡¡o.prototype.constructor = o;
3. Ö±½Ó¼Ì³Ðprototype
ÓÉÓÚAnimal¶ÔÏóÖУ¬²»±äµÄÊôÐÔ¶¼¿ÉÒÔÖ±½ÓдÈëAnimal.prototype¡£ËùÒÔ£¬ÎÒÃÇÒ²¿ÉÒÔÈÃCat()Ìø¹ý Animal()£¬Ö±½Ó¼Ì³ÐAnimal.prototype¡£
ÏÖÔÚ£¬ÎÒÃÇÏȽ«Animal¶ÔÏó¸Äд£º
¡¡
Ïà¹ØÎĵµ£º
±¾ÎÄÖ÷ÒªÊdzöÓÚÓÐÅóÓÑʹÓÃÎÒÔÀ´Ð´µÄautocompleteµÄJS¿Ø¼þ¡£µ±Êý¾ÝÁ¿´óµÄʱºò£¬»á³öÏÖЧÂʼ«ÆäÂýµÄÇé¿ö£¬ÎÒÔÚÕâ¶Îʱ¼ä×ö³öµÄһЩ²âÊÔÒ²¼°Ò»Ð©¾Ñ飬Óë´ó¼Ò·ÖÏí£¬Èç¹ûÓдíµÄµØ·½£¬»¹ÇëÖ¸³ö¡£
¾¹ý²âÊÔ£¬ÎÒÃǻᷢÏÖÈçϵÄÇé¿ö»òÕß˵µÄ½áÂÛ£¬Èç¹ûÄúµÄ²âÊÔ½á¹ûÓëÎҵIJ»·û£¬Çë˵Ã÷ÔÒò£¬ÒÔ±ãÏ໥ѧϰ¡£
1£©µ±Ò»¸ö½Ï´óµÄHTML×Ö· ......
[תÌû]JavaScript´°Ìå´óС
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.clientWidth
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.clientHeight
ÍøÒ³¿É¼ûÇøÓò¿í£ºdocument.body.offsetWidth (°üÀ¨±ßÏߵĿí)
ÍøÒ³¿É¼ûÇøÓò¸ß£ºdocument.body.offsetHeight (°üÀ¨±ßÏߵĿí)
ÍøÒ³ÕýÎÄÈ«ÎÄ¿í£ºdocument.body.scrollWidth
ÍøÒ³ÕýÎÄÈ«Îĸߣºdocume ......
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/
demo£ºhttp://css-tricks.com/examples/FeaturedContentSlider/
Featured Content Slider Using jQuery
http://demo.webdeveloperplus.com/featured-content-slider/ ......
ÓÉÓÚ×î½ü×Ô¼ºµÄFireFox¾³£³öÏÖµ÷ÓÃJS½Å±¾Ê±Ôì³ÉÄÚ´æÒç³ö¶ø²úÉú¼ÙËÀµÄÏÖÏ󣬽ñÌì¸ÕºÃÓÐÐÒ¿´µÄIBMÍøÕ¾ÀïÕâÆªÎÄÕ£¬¶ø×Ô¼ºÏÖÔÚÓÖÔÚѧϰJS£¬¿´ÁËÒÔºó¾õµÃдµÄ·Ç³£²»´í£¬Ìáµ½Á˺ܶàÎÒÃÇÆ½Ê±ÔÚ±àдJS´úÂëʱÈÝÒ×Ôì³ÉµÄ´íÎó¡£ÏÖ½«´ËÎÄ·ÖÏí¸ø´ó¼Ò£¡
Internet Explorer ºÍ Mozilla Firefox ÊÇÁ½¸öÓë JavaScript ÖеÄÄÚ´æÐ¹Â©ÁªÏµ×îÎ ......
Åжϣ¨value£©ÊÇ·ñÊÇÒ»¸öÊý×Ö£¬¼ÙÈçÖµÊÇNaNÄÇôIsNan·µ»ØTRUE£¬·ñÔò·µ»ØFALSE¡£
»¹ÓÐÒ»ÖÖ°ì·¨£¬±äÁ¿¿ÉÒÔÓëËü×ÔÉí½øÐбȽϡ£ ¼ÙÈç±È½ÏµÄ½á¹û²»µÈ£¬ÄÇôËü¾ÍÊÇ NaN ¡£
ÕâÊÇÒòΪ NaN ÊÇΨһÓë×ÔÉí²»µÈµÄÖµ¡£
µÚÒ»ÖÖ·½·¨£º
<html>
<head>
<title>¼òµ¥¼ÆËãÆ÷µÄÖÆ×÷</title>
</ ......