銆銆鑳藉鍐欏嚭鍙淮鎶ょ殑闈㈠悜瀵硅薄JavaScript浠g爜涓嶄粎鍙互鑺傜害閲戦挶錛岃繕鑳借浣犲緢鍙楁榪庛備笉淇★紵鏈夊彲鑳戒綘鑷繁鎴栬呭叾浠栦粈涔堜漢鏈変竴澶╀細鍥炴潵閲嶇敤浣?鐨勪唬鐮併傚鏋滆兘灝介噺璁╄繖涓粡鍘嗕笉閭d箞鐥涜嫤錛屽氨鍙互鑺傜渷涓嶅皯鏃墮棿銆傚湴鐞冧漢閮界煡閬擄紝鏃墮棿灝辨槸閲戦挶銆傚悓鏍風殑錛屼綘涔熶細鍥犱負甯煇浜虹渷鍘諱簡澶寸柤鐨勮繃紼嬭岃幏寰椾粬鐨勫亸鐖便?浣嗘槸錛屽湪寮濮嬫帰绱㈠浣曠紪鍐欏彲緇存姢鐨勯潰鍚戝璞avaScript浠g爜涔嬪墠錛屾垜浠厛鏉ュ揩閫熺湅鐪嬩粈涔堟槸闈㈠悜瀵硅薄銆傚鏋滃凡緇忎簡瑙i潰鍚戝璞$殑姒傚康浜嗭紝灝卞彲浠ョ洿鎺ヨ煩 榪囦笅涓鑺傘?/p>
銆銆浠涔堟槸闈㈠悜瀵硅薄錛?/strong>
銆銆闈㈠悜瀵硅薄緙栫▼涓昏閫氳繃浠g爜浠h〃鐜板疄涓栫晫涓殑瀹炶川瀵?璞°傝鍒涘緩瀵硅薄錛岄鍏堥渶瑕佸啓涓涓?#8220;綾?#8221;鏉ュ畾涔夈? 綾誨嚑涔庡彲浠ヤ唬琛ㄦ墍鏈夌殑涓滆タ錛氳處鎴鳳紝鍛樺伐錛屽鑸彍鍗曪紝姹借濺錛屾鐗╋紝騫垮憡錛岄ギ鏂欙紝絳夌瓑銆傝屾瘡嬈¤鍒涘緩瀵硅薄鐨勬椂鍊欙紝灝變粠綾誨疄渚嬪寲涓涓璞°傛崲鍙ヨ瘽璇達紝灝辨槸鍒涘緩綾?鐨勫疄渚嬪仛涓哄璞°備簨瀹炰笂錛岄氬父澶勭悊涓涓互涓婄殑鍚岀被浜嬬墿鏃跺氨浼氫嬌鐢ㄥ埌瀵硅薄銆傚彟澶栵紝鍙渶瑕佺畝鍗曠殑鍑芥暟寮忕▼搴忓氨鍙互鍋氱殑寰堝ソ銆傚璞″疄璐ㄤ笂鏄暟鎹殑瀹瑰櫒銆傚洜姝ゅ湪涓 涓猠mployee瀵硅薄涓紝浣犲彲鑳借鍌ㄥ瓨鍛樺伐鍙鳳紝濮撳悕錛屽叆鑱屾棩鏈燂紝鑱岀О錛屽伐璧勶紝璧勫巻錛岀瓑絳夈傚璞′篃鍖呮嫭澶勭悊鏁版嵁鐨勫嚱鏁幫紙涔熷彨鍋?#8220;鏂規硶”錛夈傛柟娉曡鐢ㄤ綔濯掍粙 鏉ョ‘淇濇暟鎹殑瀹屾暣鎬э紝浠ュ強鍦ㄥ偍瀛樹箣鍓嶅鏁版嵁榪涜杞崲銆備緥濡傦紝鏂規硶鍙互鎺ユ敹浠繪剰鏍煎紡鐨勬棩鏈熺劧鍚庡湪鍌ㄥ瓨涔嬪墠灝嗗叾杞寲鎴愭爣鍑嗗寲鏍煎紡銆傛渶鍚庯紝綾昏繕鍙互緇ф壙鍏朵粬鐨?綾匯傜戶鎵垮彲浠ヨ浣犲湪涓嶅悓綾諱腑閲嶅浣跨敤鐩稿悓浠g爜銆備緥濡傦紝閾惰璐︽埛鍜岄煶鍍忓簵璐︽埛閮藉彲浠ョ戶鎵夸竴涓熀鏈殑璐︽埛綾伙紝閲岄潰鍖呮嫭涓漢淇℃伅錛屽紑鎴鋒棩鏈燂紝鍒嗛儴淇℃伅錛岀瓑絳夈傜劧 鍚庢瘡涓兘鍙互瀹氫箟鑷繁鐨勪氦鏄撴垨鑰呭熸澶勭悊絳夋暟鎹粨鏋勫拰鏂規硶銆?/p>
銆銆璀﹀憡錛欽avaScript闈㈠悜瀵硅薄鏄笉涓鏍風殑
銆銆鍦ㄤ笂涓鑺備腑錛屾榪頒簡緇忓吀鐨勯潰鍚戝璞$紪紼嬬殑鍩烘湰鐭ヨ瘑銆傝緇忓吀鏄洜涓篔avaScript騫朵笉閬靛驚榪欎簺瑙勫垯銆傜浉鍙嶅湴錛孞avaScript鐨勭被鏄啓鎴愬嚱鏁扮殑鏍峰瓙錛岃岀戶鎵垮垯鏄氳繃鍘熷瀷瀹炵幇鐨勩傚師鍨嬬戶鎵垮熀鏈笂鎰忓懗鐫浣跨敤鍘熷瀷灞炴ф潵瀹炵幇瀵硅薄鐨勭戶鎵匡紝鑰屼笉鏄粠綾葷戶鎵跨被銆?/p>
銆銆———————————————–
銆銆銆?012-4-25 11錛?1錛?5 鏇存柊銆戯細鏍規嵁寰崥緗戝弸@楂樼繉緲?鐨勫弽棣堬紝鍓嶆枃涓湁鍏?#8220;JS 闈㈠悜瀵硅薄”鐨勫唴瀹逛笉澶熺粏銆傜幇鎺ㄨ崘銆奐avascript 闈㈠悜瀵硅薄緙栫▼銆嬨婂啀璋坖avascript闈㈠悜瀵硅薄緙栫▼銆嬩袱綃?a target="_self">鏂囩珷銆?/p>
銆銆———————————————–
銆銆瀵硅薄鐨勫疄渚嬪寲
銆銆浠ヤ笅鏄疛avaScript涓璞″疄渚嬪寲鐨勪緥瀛愶細
// 瀹氫箟Employee綾?div number2="" index1="" alt1=""> 銆銆 function Employee(num, fname, lname) { 銆銆銆銆 this .getFullName = function () { 銆銆 return fname + " " + lname; 銆銆} 銆銆}; 銆 // 瀹炰緥鍖朎mployee瀵硅薄 銆 var john = new Employee( "4815162342" , "John" , "Doe" ); 銆 alert( "The employee's full name is " + john.getFullName()); |
銆銆鍦ㄨ繖閲岋紝鏈変笁涓噸鐐歸渶瑕佹敞鎰忥細
銆銆1銆?#8220;class”鍑芥暟鍚嶇殑絎竴涓瓧姣嶈澶у啓銆傝繖琛ㄦ槑璇ュ嚱鏁扮殑鐩殑鏄瀹炰緥鍖栬屼笉鏄儚涓鑸嚱鏁頒竴鏍瘋璋冪敤銆?/p>
銆銆2銆佸湪瀹炰緥鍖栫殑鏃跺欎嬌鐢ㄤ簡new鎿嶄綔絎︺傚鏋滅渷鐣ユ帀new鑰屼粎浠呰皟鐢ㄥ嚱鏁板垯浼氫駭鐢熷緢澶氶棶棰樸?/p>
銆銆3銆佸洜涓篻etFullName鎸囧畾緇檛his鎿嶄綔絎︿簡錛屾墍浠ユ槸鍏叡鍙敤鐨勶紝浣嗘槸fname鍜宭name鍒欎笉鏄傜敱Employee鍑芥暟浜х敓鐨勯棴鍖呯粰浜唃etFullName鍒癴name鍜宭name鐨勫叆鍙o紝浣嗗悓鏃跺浜庡叾浠栫被浠嶇劧鏄鏈夌殑銆?/p>
銆銆鍘熷瀷緇ф壙
銆銆涓嬮潰鏄疛avaScript涓師鍨嬬戶鎵跨殑渚嬪瓙錛?/p>
// 瀹氫箟Human綾?div number2="" index1="" alt1="">function Human() { this .setName = function (fname, lname) { this .fname = fname; this .lname = lname; } this .getFullName = function () { return this .fname + " " + this .lname; } } // 瀹氫箟Employee綾?/code> function Employee(num) { this .getNum = function () { return num; } }; //璁〦mployee緇ф壙Human綾?/code> Employee.prototype = new Human(); // 瀹炰緥鍖朎mployee瀵硅薄 var john = new Employee( "4815162342" ); john.setName( "John" , "Doe" ); alert(john.getFullName() + "'s employee number is " + john.getNum()); |
銆銆榪欎竴嬈★紝鍒涘緩鐨凥uman綾誨寘鍚漢綾葷殑涓鍒囧叡鏈夊睘鎬?#8212;—鎴戜篃灝唂name鍜宭name鏀捐繘鍘諱簡錛屽洜涓轟笉浠呬粎鏄憳宸ユ墠鏈夊悕瀛楋紝鎵鏈変漢閮芥湁鍚嶅瓧銆傜劧鍚庡皢Human瀵硅薄璧嬪肩粰瀹冪殑prototype灞炴с?/p>
銆銆閫氳繃緇ф壙瀹炵幇浠g爜閲嶇敤
銆銆鍦ㄥ墠闈㈢殑渚嬪瓙涓紝鍘熸潵鐨凟mployee綾昏鍒嗚В鎴愪袱涓儴鍒嗐傛墍鏈夌殑浜虹被閫氱敤灞炴ц縐誨埌浜咹uman綾諱腑錛岀劧鍚庤Employee緇ф壙 Human銆傝繖鏍風殑璇濓紝Human閲岄潰鐨勫睘鎬у氨鍙互琚叾浠栫殑瀵硅薄浣跨敤錛屼緥濡係tudent錛堝鐢燂級錛孋lient錛堥【瀹級錛孋itizen錛堝叕 姘戯級錛孷isitor錛堟父瀹級錛岀瓑絳夈傜幇鍦ㄤ綘鍙兘娉ㄦ剰鍒頒簡錛岃繖鏄垎鍓插拰閲嶇敤浠g爜寰堝ソ鐨勬柟寮忋傚鐞咹uman瀵硅薄鏃訛紝鍙渶瑕佺戶鎵縃uman鏉ヤ嬌鐢ㄥ凡瀛樺湪鐨勫睘 鎬э紝鑰屼笉闇瑕佸姣忕涓嶅悓鐨勫璞¢兘閲嶆柊涓涓鍒涘緩銆傞櫎姝や互澶栵紝濡傛灉瑕佹坊鍔犱竴涓?#8220;涓棿鍚嶅瓧”鐨勫睘鎬э紝鍙渶瑕佸姞涓嬈★紝閭d簺緇ф壙浜?Human 綾葷殑灝卞彲浠ョ珛椹嬌鐢ㄤ簡銆傚弽鑰岃█涔嬶紝濡傛灉鎴戜滑鍙槸鎯寵緇欎竴涓璞″姞“涓棿鍚嶅瓧”鐨勫睘鎬э紝鎴戜滑灝辯洿鎺ュ姞鍦ㄩ偅涓璞¢噷闈紝鑰屼笉闇瑕佸湪Human 綾婚噷闈㈠姞銆?/p>
銆銆1銆丳ublic錛堝叕鏈夌殑錛夊拰Private錛堢鏈夌殑錛?/strong>
銆銆鎺ヤ笅鏉ョ殑涓婚錛屾垜鎯寵皥璋堢被涓殑鍏湁鍜岀鏈夊彉閲忋傛牴鎹璞′腑澶勭悊鏁版嵁鐨勬柟寮忎笉鍚岋紝鏁版嵁浼氳澶勭悊涓虹鏈夌殑鎴栬呭叕鏈夌殑銆傜鏈夊睘鎬у茍涓嶄竴瀹氭剰鍛崇潃鍏朵粬浜烘棤娉曡闂傚彲鑳藉彧鏄煇涓柟娉曢渶瑕佺敤鍒般?/p>
銆銆● 鍙
銆銆鏈夋椂錛屼綘鍙槸鎯寵鍦ㄥ垱寤哄璞$殑鏃跺欒兘鏈変竴涓箋備竴鏃﹀垱寤猴紝灝變笉鎯寵鍏朵粬浜哄啀鏀瑰彉榪欎釜鍊箋備負浜嗗仛鍒拌繖鐐癸紝鍙互鍒涘緩涓涓鏈夊彉閲忥紝鍦ㄥ疄渚嬪寲鐨勬椂鍊欑粰瀹冭祴鍊箋?/p>
function Animal(type) { var data = []; data[ 'type' ] = type; this .getType = function () { return data[ 'type' ]; } } var fluffy = new Animal( 'dog' ); fluffy.getType(); // 榪斿洖 'dog' |
銆銆鍦ㄨ繖涓緥瀛愪腑錛孉nimal綾諱腑鍒涘緩浜嗕竴涓湰鍦版暟緇刣ata銆傚綋 Animal瀵硅薄琚疄渚嬪寲鏃訛紝浼犻掍簡涓涓猼ype鐨勫煎茍灝嗚鍊兼斁緗湪data鏁扮粍涓傚洜涓哄畠鏄鏈夌殑錛屾墍浠ヨ鍊兼棤娉曡瑕嗙洊錛圓nimal鍑芥暟瀹氫箟浜嗗畠鐨勮寖 鍥達級銆備竴鏃﹀璞¤瀹炰緥鍖栦簡錛岃鍙杢ype鍊肩殑鍞竴鏂瑰紡鏄皟鐢╣etType鏂規硶銆傚洜涓篻etType鏄湪Animal涓畾涔夌殑錛屽洜姝ゅ嚟鍊烝nimal浜х敓 鐨勯棴鍖咃紝getType鍙互榪涘埌data涓傝繖鏍風殑璇濓紝铏藉彲浠ヨ鍒板璞$殑綾誨瀷鍗存棤娉曟敼鍙樸?/p>
銆銆鏈変竴鐐歸潪甯擱噸瑕侊紝灝辨槸褰撳璞¤緇ф壙鏃訛紝“鍙”鎶鏈氨鏃犳硶榪愮敤銆傚湪鎵ц緇ф壙鍚庯紝姣忎釜瀹炰緥鍖栫殑瀵硅薄閮戒細鍏變韓閭d簺鍙鍙橀噺騫惰鐩栧叾鍊箋傛渶綆鍗曠殑瑙e喅鍔炴硶鏄皢綾諱腑鐨勫彧璇誨彉閲忚漿鎹㈡垚鍏叡鍙橀噺銆備絾鏄綘蹇呴』淇濇寔瀹冧滑鏄鏈夌殑錛屼綘鍙互浣跨敤Philippe鍦ㄨ瘎璁轟腑鎻愬埌鐨勬妧鏈?/p>
銆銆● Public錛堝叕鏈夛級
銆銆褰撶劧涔熸湁浜涙椂鍊欎綘鎯寵浠繪剰璇誨啓鏌愪釜灞炴х殑鍊箋傝瀹炵幇榪欎竴鐐癸紝闇瑕佷嬌鐢╰his鎿嶄綔絎︺?/p>
function Animal() { this .mood = '' ; } var fluffy = new Animal(); fluffy.mood = 'happy' ; fluffy.mood; // 榪斿洖 'happy |
銆銆榪欐Animal綾誨叕寮浜嗕竴涓彨mood鐨勫睘鎬э紝鍙互琚殢鎰忚鍐欍傚悓鏍峰湴錛屼綘榪樺彲浠ュ皢鍑芥暟鎸囧畾緇欏叕鏈夌殑灞炴э紝渚嬪涔嬪墠渚嬪瓙涓殑getType鍑芥暟銆傚彧鏄娉ㄦ剰涓嶈緇檊etType璧嬪鹼紝涓嶇劧鐨勮瘽浣犱細姣佷簡瀹冪殑銆?/p>
銆銆瀹屽叏縐佹湁
銆銆鏈鍚庯紝鍙兘浣犲彂鐜頒綘闇瑕佷竴涓畬鍏ㄧ鏈夊寲鐨勬湰鍦板彉閲忋傝繖鏍風殑璇濓紝浣犲彲浠ヤ嬌鐢ㄤ笌絎竴涓緥瀛愪腑涓鏍風殑妯″紡鑰屼笉闇瑕佸垱寤哄叕鏈夋柟娉曘?/p>
function
Animal() {
var
secret =
"You'll never know!"
}
var
fluffy =
new
Animal();
銆銆2銆佸啓鐏墊椿鐨凙PI
銆銆鏃㈢劧鎴戜滑宸茬粡璋堝埌綾葷殑鍒涘緩錛屼負浜嗕繚鎸佷笌浜у搧闇姹傚彉鍖栧悓姝ワ紝鎴戜滑闇瑕佷繚鎸佷唬鐮佷笉榪囨椂銆傚鏋滀綘宸茬粡鍋氳繃鏌愪簺欏圭洰鎴栬呮槸闀挎湡緇存姢榪囨煇涓駭鍝侊紝閭d箞浣犲氨 搴旇鐭ラ亾闇姹傛槸鍙樺寲鐨勩傝繖鏄竴涓笉浜夌殑浜嬪疄銆傚鏋滀綘涓嶆槸榪欎箞鎯崇殑璇濓紝閭d箞浣犵殑浠g爜鍦ㄨ繕娌℃湁鍐欎箣鍓嶅氨灝嗘敞瀹氳崚搴熴傚彲鑳戒綘紿佺劧灝遍渶瑕佸皢閫夐」鍗′腑鐨勫唴瀹瑰紕鎴愬姩鐢?褰㈠紡錛屾垨鏄渶瑕侀氳繃Ajax璋冪敤鏉ヨ幏鍙栨暟鎹傚敖綆″噯紜嫻嬫湭鏉ユ槸涓嶅ぇ鍙兘錛屼絾鏄嵈瀹屽叏鍙互灝嗕唬鐮佸啓鐏墊椿浠ュ灝嗘潵涓嶆椂涔嬮渶銆?/p>
銆銆● Saner鍙傛暟鍒楄〃
銆銆鍦ㄨ璁″弬鏁板垪琛ㄧ殑鏃跺欏彲浠ヨ浠g爜鏈夊墠鐬繪с傚弬鏁板垪琛ㄦ槸璁╁埆浜哄疄鐜頒綘浠g爜鐨勪富瑕佹帴瑙︾偣錛屽鏋滄病鏈夎璁″ソ鐨勮瘽錛屾槸浼氬緢鏈夐棶棰樼殑銆備綘搴旇閬垮厤涓嬮潰榪欐牱鐨勫弬鏁板垪琛細
function Person(employeeId, fname, lname, tel, fax, email, email2, dob) { }; |
銆銆榪欎釜綾誨崄鍒嗚剢寮便傚鏋滃湪浣犲彂甯冧唬鐮佸悗鎯寵娣誨姞涓涓腑闂村悕鍙傛暟錛屽洜涓洪『搴忛棶棰橈紝浣犱笉寰椾笉鍦ㄥ垪琛ㄧ殑鏈鍚庡線涓婂姞銆傝繖璁╁伐浣滃彉寰楀按灝傚鏋滀綘娌℃湁涓烘瘡涓弬鏁拌祴鍊肩殑璇濓紝灝嗕細鍗佸垎鍥伴毦銆備緥濡傦細
var ara = new Person(1234, "Ara", "Pehlivanian", "514-555-1234", null, null, null, "1976-05-17"); |
銆銆鎿嶄綔鍙傛暟鍒楄〃鏇存暣媧佷篃鏇寸伒媧葷殑鏂瑰紡鏄嬌鐢ㄨ繖涓ā寮忥細
function Person(employeeId, data) { }; |
銆銆鏈夌涓涓弬鏁板洜涓鴻繖鏄繀闇鐨勩傚墿涓嬬殑灝辨販鍦ㄥ璞$殑閲岄潰錛岃繖鏍鋒墠鍙互鐏墊椿榪愮敤銆?/p>
|
銆銆榪欎釜妯″紡鐨勬紓浜箣澶勫湪浜庡畠鍗蟲柟渚塊槄璇誨張楂樺害鐏墊椿銆傛敞鎰忓埌fax, email鍜宔mail2瀹屽叏琚拷鐣ヤ簡銆備笉浠呭姝わ紝瀵硅薄鏄病鏈夌壒瀹氶『搴忕殑錛屽洜姝ゅ摢閲屾柟渚垮氨鍦ㄥ摢閲屾坊鍔犱竴涓腑闂村悕鍙傛暟鏄潪甯稿鏄撶殑錛?/p>
var ara = new Person( 1234 , { fname: "Ara" , mname: "Chris" , lname: "Pehlivanian" , tel: "514-555-1234" , dob: "1976-05-17" }); |
銆銆綾婚噷闈㈢殑浠g爜涓嶉噸瑕侊紝鍥犱負閲岄潰鐨勫煎彲浠ラ氳繃绱㈠紩鏉ヨ闂細
function Person(employeeId, data) { this.fname = data['fname']; }; |
銆銆濡傛灉data['fname'] 榪斿洖涓涓鹼紝閭d箞浠栧氨琚瀹氬ソ浜嗐傚惁鍒欑殑璇濓紝娌¤璁懼畾濂斤紝涔熸病鏈変粈涔堟崯澶便?/p>
銆銆闅忕潃鏃墮棿嫻侀濓紝浜у搧闇姹傚彲鑳藉浣犵被鐨勮涓烘湁鏇村鐨勮姹傘傝岃琛屼負鍗翠笌浣犵被鐨勬牳蹇冨姛鑳芥病鏈夊崐姣涢挶鍏崇郴銆備篃鏈夊彲鑳芥槸綾葷殑鍞竴涓縐嶅疄鐜幫紝濂芥瘮鍦ㄤ竴涓?欏瑰崱鐨勯潰鏉胯幏鍙栧彟涓涓夐」鍗$殑澶栭儴鏁版嵁鏃訛紝灝嗚繖涓夐」鍗¢潰鏉夸腑鐨勫唴瀹瑰彉鐏般備綘鍙兘鎯蟲妸榪欎簺鍔熻兘鏀懼湪綾葷殑閲岄潰錛屼絾鏄畠浠笉灞炰簬閭i噷銆傞夐」鍗℃潯鐨勮矗浠誨湪浜庣鐞?閫夐」鍗°傚姩鐢誨拰鑾峰彇鏁版嵁鏄畬鍏ㄤ笉鍚岀殑涓ょ爜浜嬶紝涔熷繀欏諱笌閫夐」鍗℃潯鐨勪唬鐮佸垎寮銆傚敮涓涓涓浣犵殑閫夐」鍗℃潯涓嶈繃鏃惰屽張灝嗛偅浜涢澶栫殑鍔熻兘鎺掗櫎鍦ㄥ鐨勬柟娉曟槸錛屽厑璁稿皢琛?涓哄祵鍏ュ埌浠g爜褰撲腑銆傛崲鍙ヨ瘽璇達紝閫氳繃鍒涘緩浜嬩歡錛岃瀹冧滑鍦ㄤ綘鐨勪唬鐮佷腑涓庡叧閿椂鍒繪寕閽╋紝渚嬪onTabChange, afterTabChange, onShowPanel, afterShowPanel絳夌瓑銆傞偅鏍風殑璇濓紝浠栦滑鍙互杞繪槗鍦頒笌浣犵殑onShowPanel浜嬩歡鎸傞挬錛屽啓涓涓皢闈㈡澘鍐呭鍙樼伆鐨勫鐞嗗櫒錛岃繖鏍峰氨鐨嗗ぇ嬈㈠枩浜嗐?JavaScript搴撹浣犲彲浠ヨ凍澶熷鏄撳湴鍋氬埌榪欎竴鐐癸紝浣嗘槸浣犺嚜宸卞啓涔熶笉閭d箞闅俱備笅闈㈡槸浣跨敤YUI 3鐨勪竴涓緥瀛愩?/p>
<script type= "text/javascript" src= "http://yui.yahooapis.com/combo?3.2.0/build/yui/yui-min.js" ></script> <script type= "text/javascript" > YUI(). use ( 'event' , function (Y) { function TabStrip() { this .showPanel = function () { this .fire( 'onShowPanel' ); // 灞曠幇闈㈡澘鐨勪唬鐮? this .fire( 'afterShowPanel' ); }; }; // 璁㏕abStrip鏈夎兘鍔涙縺鍙戝父鐢ㄤ簨浠? Y.augment(TabStrip, Y.EventTarget); var ts = new TabStrip(); // 緇橳abStrip鐨勮繖涓疄渚嬪垱寤哄父鐢ㄦ椂闂村鐞嗗櫒 ts.on( 'onShowPanel' , function () { //鍦ㄥ睍紺洪潰鏉夸箣鍓嶈鍋氱殑浜? }); ts.on( 'onShowPanel' , function () { //鍦ㄥ睍紺洪潰鏉夸箣鍓嶈鍋氱殑鍏朵粬浜? }); ts.on( 'afterShowPanel' , function () { //鍦ㄥ睍紺洪潰鏉夸箣鍚庤鍋氱殑浜? }); ts.showPanel(); }); |
銆銆榪欎釜渚嬪瓙鏈変竴涓畝鍗曠殑 TabStrip 綾伙紝鍏朵腑鏈変釜showPanel鏂規硶銆傝繖涓柟娉曟縺鍙戜袱涓簨浠訛紝onShowPanel鍜宎fterShowPanel銆傝繖涓兘鍔涙槸閫氳繃鐢?Y.EventTarget鎵╁ぇ綾繪潵瀹炵幇鐨勩備竴鏃﹀仛鎴愶紝鎴戜滑灝卞疄渚嬪寲浜嗕竴涓猅abStrip瀵硅薄錛屽茍灝嗕竴鍫嗗鐞嗗櫒閮藉垎閰嶇粰瀹冦傝繖鏄敤鏉ュ鐞嗗疄渚嬬殑鍞竴琛屼負 鑰屽張鑳介伩鍏嶆販涔卞綋鍓嶇被鐨勫父鐢ㄤ唬鐮併?/p>
銆銆鎬葷粨
銆銆濡傛灉浣犳墦綆楅噸鐢ㄤ唬鐮侊紝鏃犺鏄湪鍚屼竴緗戦〉錛屽悓涓緗戠珯榪樻槸璺ㄩ」鐩搷浣滐紝鑰冭檻涓涓嬪湪綾婚噷闈㈠皢鍏舵墦鍖呭拰緇勭粐璧鋒潵銆傞潰鍚戝璞avaScript寰堣嚜鐒跺湴 甯姪瀹炵幇鏇村ソ鐨勪唬鐮佺粍緇囦互鍙婁唬鐮侀噸鐢ㄣ傞櫎姝や互澶栵紝鏈夌偣榪滆鐨勪綘鍙互紜繚浠g爜鍏鋒湁瓚沖鐨勭伒媧繪э紝鍙互鍦ㄤ綘鍐欏畬浠g爜鍚庢寔緇嬌鐢ㄥ緢闀挎椂闂淬傜紪鍐欏彲閲嶇敤鐨勪笉榪囨椂 JavaScript浠g爜鍙互鑺傜渷浣狅紝浣犵殑鍥㈤槦榪樻湁浣犲叕鍙哥殑鏃墮棿鍜岄噾閽便傝繖緇濆鑳借浣犲ぇ鍙楁榪庛?/p>
HTML5 鐏悧錛熺湅鐪?oschina 涓夊ぉ涓ゅご鐨?xx 涓?xxx 灝辯煡閬撲簡銆傛湰鏂囦負浣犳帹鑽愭渶鏂扮殑 10 涓?HTML5 鐩稿叧鐨勬暀紼嬶紝鎴栬鑳藉惎鍙戜綘欏圭洰涓殑鎬濊礬銆?/p>
Canvas 鏄?HTML5 閲岄潪甯擱噸瑕佺殑涓閮ㄥ垎錛岀壒鍒槸鍦ㄦ父鎴忓紑鍙戜腑蹇呬笉鍙皯銆?br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
姝ゆ暀紼嬩腑浠嬬粛濡備綍浣跨敤 Three.js 榪欎釜 js 涓変綅妯″瀷搴撱?br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
璁茶堪濡備綍浣跨敤 HTML5 鍒涘緩 Web 鐩稿唽錛屽熀浜?nbsp;jQuery 鍜?nbsp;Quicksand 鎻掍歡銆?br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
濡傛灉浣犳兂鍒涘緩鑷繁鐨勪氦浜掑紡banner錛岄偅灝遍槄璇昏繖綃囨枃绔犲惂
HTML5 鐨?Web Audio API 鍏ラ棬
鍒涘緩涓涓Щ鍔ㄧ増鐨勮椽鍚冭泧錛屼嬌鐢?HTML5 Canvas 鍜?JavaScript 鎶鏈?br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
鍒涘緩闈炶鍒欑殑鍥懼儚
浣跨敤 HTML5 Canvas 鍒涘緩涓涓敾鍥劇▼搴?br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
灞曠ず HTML5 鍜?Sliverlight 5 鎶鏈?br style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " />
寮鍙戜竴涓畝鍗曠殑 HTML5 Canvas 娓告垙