key
-------------------------------------------
1銆乤.鍒涘緩涓涓狤lement聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng) var newDiv = document.createElement("div");
聽(tīng)聽(tīng) b.璁劇疆瀹冪殑灞炴?tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)?newDiv.id = "divNew";
聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) c.濡傛灉闇瑕侊紝鍒涘緩瀛愯妭鐐孤?tīng)聽(tīng)聽(tīng)聽(tīng)?var newTable = document.createElement("table");
聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) d.璁劇疆瀛愯妭鐐瑰睘鎬?tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)?newTable.setAttribute("id","tableNew");
聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) e.閲嶅姝ラc鍜宒,鐩村埌瀹屾垚鏁翠釜鐩綍鏍?br />聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) f.鍒涘緩Text鑺傜偣聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng) var newText = document.createTextNode("string");
聽(tīng) g.浠庡彾瀛愯妭鐐瑰線(xiàn)涓奱ppendChild 聽(tīng)聽(tīng)聽(tīng) newDiv.appendChild(newTable);
聽(tīng)聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) document.body.appendChild(newDiv);
鍙︿竴縐嶆柟寮?
聽(tīng)聽(tīng)聽(tīng) a.鍒涘緩涓涓狤lement聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng) var newDiv = document.createElement("div");
聽(tīng)聽(tīng)聽(tīng) b.鐢?innerHTML 聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) 聽(tīng)聽(tīng)聽(tīng) newDiv.innerHTML="<table><tr><th>type</th><th>value</th></tr></table>";
]]>
JavaScript 鏄潰鍚戝璞＄殑銆備絾鏄笉灝戜漢瀵硅繖涓鐐圭悊瑙ｅ緱騫朵笉鍏ㄩ潰銆?br />
鍦?JavaScript 涓紝瀵硅薄鍒嗕負(fù)涓ょ銆備竴縐嶅彲浠ョО涓衡滄櫘閫氬璞♀濓紝灝辨槸鎴戜滑鎵鏅亶鐞嗚В鐨勯偅浜涳細(xì)鏁板瓧銆佹棩鏈熴佺敤鎴瘋嚜瀹氫箟鐨勫璞★紙濡傦細(xì){}錛夌瓑絳夈?br />
榪樻湁涓縐嶏紝縐頒負(fù)鈥滄柟娉曞璞♀濓紝灝辨槸鎴戜滑閫氬父瀹氫箟鐨?function銆備綘鍙兘瑙夊緱濂囨細(xì)鏂規(guī)硶灝辨槸鏂規(guī)硶錛屾庝箞鎴愪簡(jiǎn)瀵硅薄浜?jiǎn)锛熶絾鏄?JavaScript 涓紝鏂規(guī)硶鐨勭‘鏄褰撴垚瀵硅薄鏉ュ鐞嗙殑銆備笅闈㈡槸涓涓畝鍗曠殑渚嬪瓙錛?br />
- function 聽(tīng)func()聽(tīng){alert( 'Hello!' );} 聽(tīng)聽(tīng)
- alert(func.toString());聽(tīng)聽(tīng)
function func() {alert('Hello!');}
alert(func.toString());
鍦ㄨ繖涓緥瀛愪腑錛宖unc 铏界劧鏄綔涓轟竴涓柟娉曞畾涔夌殑錛屼絾瀹冭嚜韜嵈鍖呭惈涓涓?toString 鏂規(guī)硶錛岃鏄?func 鍦ㄨ繖閲屾槸琚綋鎴愪竴涓璞℃潵澶勭悊鐨勩傛洿鍑嗙‘鐨勮錛宖unc 鏄竴涓滄柟娉曞璞♀濄備笅闈㈡槸渚嬪瓙鐨勭戶(hù)緇細(xì)
- func.name聽(tīng)=聽(tīng)鈥淚聽(tīng)am聽(tīng)func.鈥? 聽(tīng)聽(tīng)
- alert(func.name);聽(tīng)聽(tīng)
func.name = 鈥淚 am func.鈥? alert(func.name);
鎴戜滑鍙互浠繪剰鐨勪負(fù) func 璁劇疆灞炴э紝榪欐洿鍔犺瘉鏄庝簡(jiǎn) func 灝辨槸涓涓璞°傞偅涔堟柟娉曞璞″拰鏅氬璞＄殑鍖哄埆鍦ㄥ摢閲屽憿錛熼鍏堟柟娉曞璞″綋鐒舵槸鍙互鎵ц鐨勶紝鍦ㄥ畠鍚庨潰鍔犱笂涓瀵規(guī)嫭鍙鳳紝灝辨槸鎵ц榪欎釜鏂規(guī)硶瀵硅薄浜?jiǎn)銆?br />
- func();聽(tīng)聽(tīng)
func();
鎵浠ワ紝鏂規(guī)硶瀵硅薄鍏鋒湁浜岄噸鎬с備竴鏂歸潰瀹冨彲浠ヨ鎵ц錛屽彟涓鏂歸潰瀹冨畬鍏ㄥ彲浠ヨ褰撴垚涓涓櫘閫氬璞℃潵浣跨敤銆傝繖鎰忓懗鐫浠涔堝憿錛熻繖鎰忓懗鐫鏂規(guī)硶瀵硅薄鏄彲浠ュ畬鍏ㄧ嫭绔嬩簬鍏朵粬瀵硅薄瀛樺湪鐨勩傝繖涓鐐規(guī)垜浠彲浠ュ悓 Java 姣旇緝涓涓嬨傚湪 Java 涓紝鏂規(guī)硶蹇呴』鍦ㄦ煇涓涓被涓畾涔夛紝鑰屼笉鑳藉崟鐙瓨鍦ㄣ傝?JavaScript 涓氨涓嶉渶瑕併?br />
鏂規(guī)硶瀵硅薄鐙珛浜庡叾浠栨柟娉曪紝灝辨剰鍛崇潃瀹冭兘澶熻浠繪剰鐨勫紩鐢ㄥ拰浼犻掋備笅闈㈡槸涓涓緥瀛愶細(xì)
- function聽(tīng)invoke(f)聽(tīng){ 聽(tīng)聽(tīng)
- 聽(tīng)聽(tīng)聽(tīng)聽(tīng)f(); 聽(tīng)聽(tīng)
- } 聽(tīng)聽(tīng)
- invoke(func);聽(tīng)聽(tīng)
function invoke(f) {
f();
}
invoke(func);灝嗕竴涓柟娉曞璞?func 浼犻掔粰鍙︿竴涓柟娉曞璞?invoke錛岃鍚庤呭湪閫傚綋鐨勬椂鍊欐墽琛?func銆傝繖灝辨槸鎵璋撶殑鈥滃洖璋冣濅簡(jiǎn)銆傚彟澶栵紝鏂規(guī)硶瀵硅薄鐨勮繖縐嶇壒孌婃э紝涔熶嬌寰?this 鍏抽敭瀛椾笉瀹規(guī)槗鎶婃彙銆傝繖鏂歸潰鐩稿叧鏂囩珷涓嶅皯錛岃繖閲屼笉璧樿堪浜?jiǎn)銆?br />
闄や簡(jiǎn)鍙互琚墽琛屼互澶栵紝鏂規(guī)硶瀵硅薄榪樻湁涓涓壒孌婄殑鍔熺敤錛屽氨鏄畠鍙互閫氳繃 new 鍏抽敭瀛楁潵鍒涘緩鏅氬璞°?br />
璇濊姣忎竴涓柟娉曞璞¤鍒涘緩鏃訛紝閮戒細(xì)鑷姩鐨勬嫢鏈変竴涓彨 prototype 鐨勫睘鎬с傝繖涓睘鎬у茍鏃犱粈涔堢壒鍒箣澶勶紝瀹冨拰鍏朵粬鐨勫睘鎬т竴鏍峰彲浠ヨ闂紝鍙互璧嬪箋備笉榪囧綋鎴戜滑鐢?new 鍏抽敭瀛楁潵鍒涘緩涓涓璞＄殑鏃跺欙紝prototype 灝辮搗浣滅敤浜?jiǎn)锛?xì)瀹冪殑鍊鹼紙涔熸槸涓涓璞★級(jí)鎵鍖呭惈鐨勬墍鏈夊睘鎬э紝閮戒細(xì)琚鍒跺埌鏂板垱寤虹殑閭ｄ釜瀵硅薄涓婂幓銆備笅闈㈡槸涓涓緥瀛愶細(xì)
- func.prototype.name=鈥漰rototype聽(tīng)of聽(tīng)func鈥? 聽(tīng)聽(tīng)
- var聽(tīng)f聽(tīng)=聽(tīng)new聽(tīng)func(); 聽(tīng)聽(tīng)
- alert(f.name);聽(tīng)聽(tīng)
func.prototype.name=鈥漰rototype of func鈥? var f = new func(); alert(f.name);
鎵ц鐨勮繃紼嬩腑浼?xì)寮瑰囖Z袱涓璇濇錛屽悗涓涓璇濇琛ㄧず f 榪欎釜鏂板緩鐨勫璞′粠 func.prototype 閭ｉ噷鎷瘋礉浜?name 灞炴с傝屽墠涓涓璇濇鍒欒〃紺?func 琚綔涓烘柟娉曟墽琛屼簡(jiǎn)涓閬嶃備綘鍙兘浼?xì)闂簡(jiǎn)锛屼皋Z粈涔堣繖涓椂鍊欒榪樻妸 func 鎵ц涓閬嶅憿錛熷叾瀹炶繖涓椂鍊欐墽琛?func錛屽氨鏄搗鈥滄瀯閫犲嚱鏁扳濈殑浣滅敤銆備負(fù)浜?jiǎn)迮炶薄鐨勮鏄庡Q屾垜浠噸鏂版潵涓閬嶏細(xì)
- function聽(tīng)func()聽(tīng){ 聽(tīng)聽(tīng)
- 聽(tīng)聽(tīng)聽(tīng)聽(tīng)this.name=鈥漬ame聽(tīng)has聽(tīng)been聽(tīng)changed.鈥?聽(tīng)聽(tīng)
- } 聽(tīng)聽(tīng)
- func.prototype.name=鈥漰rototype聽(tīng)of聽(tīng)func鈥? 聽(tīng)聽(tīng)
- var聽(tīng)f聽(tīng)=聽(tīng)new聽(tīng)func(); 聽(tīng)聽(tīng)
- alert(f.name);聽(tīng)聽(tīng)
function func() {
this.name=鈥漬ame has been changed.鈥?
}
func.prototype.name=鈥漰rototype of func鈥?
var f = new func();
alert(f.name);浣犲氨浼?xì)鍙戠?f 鐨?name 灞炴т笉鍐嶆槸"prototype of func"錛岃屾槸琚浛鎹㈡垚浜?name has been changed"銆傝繖灝辨槸 func 榪欎釜瀵硅薄鏂規(guī)硶鎵璧峰埌鐨勨滄瀯閫犲嚱鏁扳濈殑浣滅敤銆傛墍浠ワ紝鍦?JavaScript 涓紝鐢?new 鍏抽敭瀛楀垱寤哄璞℃槸鎵ц浜?jiǎn)涓嬮潰涓変釜姝ラ鐨勫Q?br />
- 鍒涘緩涓涓柊鐨勬櫘閫氬璞★紱
- 灝嗘柟娉曞璞＄殑 prototype 灞炴х殑鎵鏈夊睘鎬у鍒跺埌鏂扮殑鏅氬璞′腑鍘匯?
- 浠ユ柊鐨勬櫘閫氬璞′綔涓轟笂涓嬫枃鏉ユ墽琛屾柟娉曞璞°?/li>
瀵逛簬鈥渘ew func()鈥濊繖鏍風(fēng)殑璇彞錛屽彲浠ユ弿榪頒負(fù)鈥滀粠 func 鍒涘緩涓涓柊瀵硅薄鈥濄傛諱箣錛宲rototype 榪欎釜灞炴х殑鍞竴鐗規(guī)畩涔嬪錛屽氨鏄湪鍒涘緩鏂板璞＄殑鏃跺欎簡(jiǎn)銆?/p>
閭ｄ箞鎴戜滑灝卞彲浠ュ埄鐢ㄨ繖涓鐐廣傛瘮濡傛湁涓や釜鏂規(guī)硶瀵硅薄 A 鍜?B錛屾棦鐒朵粠 A 鍒涘緩鐨勬柊瀵硅薄鍖呭惈浜?jiǎn)鎵鏈?A.prototype 鐨勫睘鎬э紝閭ｄ箞鎴戝皢瀹冭祴緇?B.prototype錛岄偅涔堜粠 B 鍒涘緩鐨勬柊瀵硅薄涓嶄篃鏈夊悓鏍風(fēng)殑灞炴т簡(jiǎn)錛熷啓鎴愪唬鐮佸氨鏄繖鏍鳳細(xì)
聽(tīng)
- A.prototype.hello聽(tīng)=聽(tīng)function(){alert('Hello!');} 聽(tīng)聽(tīng)
- B.prototype聽(tīng)=聽(tīng)new聽(tīng)A(); 聽(tīng)聽(tīng)
- new聽(tīng)B().hello();聽(tīng)聽(tīng)
A.prototype.hello = function(){alert('Hello!');}
B.prototype = new A();
new B().hello();榪欏氨鏄?JavaScript 鐨勬墍璋撯滅戶(hù)鎵庫(kù)濅簡(jiǎn)錛屽叾瀹炶川灝辨槸灞炴х殑鎷瘋礉錛岃繖閲屽埄鐢ㄤ簡(jiǎn) prototype 鏉ュ疄鐜般傚鏋滀笉鐢?prototype錛岄偅灝辯敤寰幆浜?jiǎn)锛屾晥鏋滄槸涓鏍風(fēng)殑銆傛墍璋撯滃閲嶇戶(hù)鎵庫(kù)濓紝鑷劧灝辨槸鍒板鎷瘋礉浜?jiǎn)銆?br />
JavaScript 涓潰鍚戝璞＄殑鍘熺悊錛屽氨鏄笂闈㈣繖浜涗簡(jiǎn)銆傝嚜濮嬭嚦緇堟垜閮芥病鎻愬埌鈥滅被鈥濈殑姒傚康錛屽洜涓?JavaScript 鏈潵灝辨病鏈夆滅被鈥濊繖涓笢瑗褲傞潰鍚戝璞″彲浠ユ病鏈夌被鍚楋紵褰撶劧鍙互銆傚厛鏈夌被錛岀劧鍚庡啀鏈夊璞★紝榪欐湰鏉ュ氨涓嶅悎鐞嗭紝鍥犱負(fù)綾繪湰鏉ユ槸浠庡璞′腑褰掔撼鍑烘潵鐨勶紝鍏堟湁瀵硅薄鍐嶆湁綾伙紝榪欐墠鍚堢悊銆傚儚涓嬮潰榪欐牱鐨勶細(xì)
- var聽(tīng)o聽(tīng)=聽(tīng){};聽(tīng)//聽(tīng)鎴戝彂鐜頒簡(jiǎn)涓涓笢瑗褲?聽(tīng)聽(tīng)
- o.eat聽(tīng)=聽(tīng)function(){return聽(tīng)"I聽(tīng)am聽(tīng)eating."}聽(tīng)聽(tīng)//聽(tīng)鎴戝彂鐜板畠浼?xì)鍚冨Q?聽(tīng)聽(tīng)
- o.sleep聽(tīng)=聽(tīng)function(){return聽(tīng)"ZZZzzz..."}聽(tīng)聽(tīng)//聽(tīng)鎴戝彂鐜板畠浼?xì)鐫″Q?聽(tīng)聽(tīng)
- o.talk聽(tīng)=聽(tīng)function(){return聽(tīng)"Hi!"}聽(tīng)//聽(tīng)鎴戝彂鐜板畠浼?xì)璇磋瘽锛?聽(tīng)聽(tīng)
- o.think聽(tīng)=聽(tīng)function(){return聽(tīng)"Hmmm..."}聽(tīng)//聽(tīng)鎴戝彂鐜板畠榪樹(shù)細(xì)鎬濊冦?聽(tīng)聽(tīng)
- 聽(tīng)聽(tīng)
- var聽(tīng)Human聽(tīng)=聽(tīng)new聽(tīng)Function();聽(tīng)//聽(tīng)鎴戝喅瀹氱粰瀹冭搗鍚嶅彨鈥滀漢鈥濄?聽(tīng)聽(tīng)
- Human.prototype聽(tīng)=聽(tīng)o;聽(tīng)//聽(tīng)榪欎釜涓滆タ灝變唬琛ㄤ簡(jiǎn)鎵鏈夆滀漢鈥濈殑姒傚康銆?聽(tīng)聽(tīng)
- 聽(tīng)聽(tīng)
- var聽(tīng)h聽(tīng)=聽(tīng)new聽(tīng)Human();聽(tīng)//聽(tīng)褰撴垜鍙戠幇鍏朵粬鍚屽畠涓鏍風(fēng)殑涓滆タ錛?聽(tīng)聽(tīng)
- alert(h.talk())聽(tīng)//聽(tīng)鎴戝氨鐭ラ亾瀹冧篃鏄滀漢鈥濅簡(jiǎn)錛?/font>聽(tīng)聽(tīng)
var o = {}; // 鎴戝彂鐜頒簡(jiǎn)涓涓笢瑗褲?
o.eat = function(){return "I am eating."} // 鎴戝彂鐜板畠浼?xì)鍚冨Q?
o.sleep = function(){return "ZZZzzz..."} // 鎴戝彂鐜板畠浼?xì)鐫″Q?
o.talk = function(){return "Hi!"} // 鎴戝彂鐜板畠浼?xì)璇磋瘽锛?
o.think = function(){return "Hmmm..."} // 鎴戝彂鐜板畠榪樹(shù)細(xì)鎬濊冦?
var Human = new Function(); // 鎴戝喅瀹氱粰瀹冭搗鍚嶅彨鈥滀漢鈥濄?
Human.prototype = o; // 榪欎釜涓滆タ灝變唬琛ㄤ簡(jiǎn)鎵鏈夆滀漢鈥濈殑姒傚康銆?
var h = new Human(); // 褰撴垜鍙戠幇鍏朵粬鍚屽畠涓鏍風(fēng)殑涓滆タ錛?
alert(h.talk()) // 鎴戝氨鐭ラ亾瀹冧篃鏄滀漢鈥濅簡(jiǎn)錛?/pre>聽(tīng)
]]>- 浣滀負(fù)鏅氶昏緫浠ｇ爜瀹瑰櫒錛?
- 浣滀負(fù)瀵硅薄鏂規(guī)硶錛?
- 浣滀負(fù)鏋勯犲嚱鏁般?
1.浣滀負(fù)鏅氶昏緫浠ｇ爜瀹瑰櫒
function multiply(x, y){
return x*y;
}
鍑芥暟multiply灝佽浜?jiǎn)涓や綅鏁扮殑涔樻硶杩惤帡鍏紡锛?xì)
var product = multiply(128,128); // product = 16384
鍒涘緩鍑芥暟瀹炰緥鐨勬柟寮忔湁3縐嶃傜涓縐嶆槸澹版槑寮忥紝鍗沖儚澹版槑鍙橀噺涓鏍鳳紝灝嗛氳繃function(){}鏍囪瘑絎﹀垱寤虹殑鍖垮悕鍑芥暟鐩存帴璧嬪肩粰鍙橀噺錛屼互璇ュ彉閲忎綔涓鴻皟鐢ㄦ椂鐨勫嚱鏁板悕縐幫細(xì)
var multiply = function(x, y){
return x*y;
}
絎簩縐嶆槸瀹氫箟寮忥紝鍗充互function鍏抽敭瀛楀悗璺熷嚱鏁板悕縐板強(qiáng)(){}鏉ョ洿鎺ュ畾涔夊懡鍚嶅嚱鏁幫紝鍓嶉潰絎竴涓猰ultiply鍑芥暟灝辨槸閫氳繃瀹氫箟寮忓垱寤虹殑銆?/p>
絎笁縐嶆槸鏋勯犲嚱鏁板紡錛屽嵆閫氳繃new榪愮畻絎﹁皟鐢ㄦ瀯閫犲嚱鏁癋unction鏉ュ垱寤哄嚱鏁般傝繖縐嶆柟寮忔瀬涓嶅父鐢紝鍥犳灝變笉浣滀粙緇嶄簡(jiǎn)銆?span id="more-271">
鍦ㄥ垱寤哄嚱鏁扮殑3縐嶆柟寮忎腑錛屽０鏄庡紡鍜屽畾涔夊紡榪樺瓨鍦ㄧ粏寰殑宸埆銆傛瘮濡備笅鍒椾唬鐮佷腑鐨勫嚱鏁伴噰鐢ㄥ０鏄庡紡錛?/p>
var example = function(){
return 1;
}
example();
var example = function(){
return 2;
}
example();
鎵ц緇撴灉濡備笅錛?/p>
| 1 2 |
鑰屽鏋滈噰鐢ㄥ畾涔夊紡錛屽嵆錛?/p>
function example(){
return 1;
}
example();
function example(){
return 2;
}
example();
閭ｄ箞浼?xì)寰楀埌鍙︿竴縐嶇粨鏋滐細(xì)
| 2 2 |
鍗籌紝鍦ㄩ噰鐢ㄥ畾涔夊紡鍒涘緩鍚屽悕鍑芥暟鏃訛紝鍚庡垱寤虹殑鍑芥暟浼?xì)瑕嗙洊鍏堝垱寰忕殑鍑芥暟銆傝繖縐嶅樊鍒槸鐢變簬JavaScript瑙ｉ噴寮曟搸鐨勫伐浣滄満鍒舵墍瀵艱嚧鐨勩侸avaScript瑙ｉ噴寮曟搸鍦ㄦ墽琛屼換浣曞嚱鏁拌皟鐢ㄤ箣鍓嶏紝棣栧厛浼?xì)鍦ㄥ叏灞浣滅敤鍩熶腑娉ㄥ唽浠ュ畾涔夊紡鍒涘緩鐨勫嚱鏁幫紝鐒跺悗鍐嶄緷嬈℃墽琛屽嚱鏁拌皟鐢ㄣ傜敱浜庢敞鍐屽嚱鏁版椂錛屽悗瀹氫箟鐨勫嚱鏁伴噸鍐欎簡(jiǎn)鍏堝畾涔夌殑鍑芥暟錛屽洜姝ゆ棤璁鴻皟鐢ㄨ鍙ヤ綅浜庝綍澶勶紝鎵ц鐨勯兘鏄悗瀹氫箟鐨勫嚱鏁般傜浉鍙嶏紝瀵逛簬澹版槑寮忓垱寤虹殑鍑芥暟錛孞avaScript瑙ｉ噴寮曟搸浼?xì)鍍忓寰呬恢M綍澹版槑鐨勫彉閲忎竴鏍鳳紝絳夊埌鎵ц璋冪敤璇ュ彉閲忕殑浠ｇ爜鏃舵墠浼?xì)瀵瑰彉閲忔眰鍊箋傜敱浜嶫avaScript浠ｇ爜鏄粠涓婂埌涓嬮『搴忔墽琛岀殑錛屽洜姝ゅ綋鎵ц絎竴涓猠xample()璋冪敤鏃訛紝example鍑芥暟鐨勪唬鐮佸氨鏄鍏堝畾涔変唬鐮侊紱鑰屽綋鎵ц絎簩涓猠xample()璋冪敤鏃訛紝example鍑芥暟鐨勪唬鐮佸張鍙樻垚浜?jiǎn)鍚庢潵瀹氫箟鐨勪唬鐮併?/p>
2.浣滀負(fù)瀵硅薄鏂規(guī)硶
JavaScript鍦ㄨВ鏋愪唬鐮佹椂錛屼細(xì)涓哄０鏄庢垨瀹氫箟鐨勫嚱鏁版寚瀹氳皟鐢ㄥ璞°傛墍璋撹皟鐢ㄥ璞★紝灝辨槸鍑芥暟鐨勬墽琛岀幆澧冦傚鏋滃嚱鏁頒綋鍐呮湁浠ュ叧閿瓧this澹版槑鐨勫彉閲忥紝鍒檛his寮曠敤鐨勫氨鏄皟鐢ㄥ璞°?/p>
浜嬪疄涓婏紝鍦ㄦ櫘閫氱殑鍑芥暟涓紝涔熷瓨鍦ㄨ皟鐢ㄥ璞★紝鍙笉榪囪繖涓皟鐢ㄥ璞℃槸榛樿鐨勫叏灞window瀵硅薄鑰屽凡銆備緥濡傦細(xì)
var product = window.multiply(128,128); // product = 16384
榪欒鏄庯紝榛樿鎯呭喌涓嬶紝鍦ㄥ叏灞浣滅敤鍩熶腑瀹氫箟鎴栧０鏄庣殑鍑芥暟鐨勮皟鐢ㄥ璞″氨鏄痺indow銆?/p>
鍦ㄩ潰鍚戝璞＄紪紼嬩腑錛岄氬父灝嗕綔涓哄璞℃垚鍛樼殑鍑芥暟縐頒負(fù)鏂規(guī)硶銆備緥濡傦細(xì)
var dog = {};
dog.name = 鈥渉eibao鈥?
dog.age = 鈥? months鈥?
dog.shout = function(){
return 鈥淗ello, My name is 鈥? this.name + 鈥?and I am 鈥?+ this.age + 鈥?old!鈥?
}
dog.shout(); // 鈥淗ello, My name is heibao and I am 3 months old!鈥?/span>
鏈夋剰鎬濈殑鏄紝瀵硅薄涔熷彲浠ュ熺敤鍏朵粬瀵硅薄鐨勬柟娉曪細(xì)
var cat = {};
cat.name = 鈥渪iaohua鈥?
cat.age = 鈥? years鈥?
cat.greet = dog.shout;
cat.greet(); // 鈥淗ello, My name is xiaohua and I am 2 years old!鈥?/span>
鍙﹀錛屼嬌鐢ㄥ嚱鏁板璞＄殑call鍜宎pply鏂規(guī)硶錛岃繕鍙互鍔ㄦ佹寚瀹氬嚱鏁版垨鏂規(guī)硶鐨勮皟鐢ㄥ璞★細(xì)
dog.shout.call(cat); // 鈥淗ello, My name is xiaohua and I am 2 years old!鈥?/span>
鎴栬?/p>
dog.shout.apply(cat); // 鈥淗ello, My name is xiaohua and I am 2 years old!鈥?/span>
3.浣滀負(fù)鏋勯犲嚱鏁?/strong>
JavaScript鏄氳繃鏋勯犲嚱鏁版潵妯℃嫙闈㈠悜瀵硅薄璇█涓殑綾葷殑銆備緥濡傦細(xì)
function Animal(sort, character){
this.sort = sort;
this.character = character;
}
浠nimal浣滀負(fù)鏋勯犲嚱鏁幫紝灝卞彲浠ュ儚涓嬮潰榪欐牱鍒涘緩涓涓柊瀵硅薄錛?/p>
var dog = new Animal(鈥漨ammal鈥?鈥漟our legs鈥?;
鍒涘緩dog鐨勫璞＄殑榪囩▼濡備笅錛氶鍏堬紝new榪愮畻絎﹀垱寤轟竴涓┖瀵硅薄錛坽}錛夛紝鐒跺悗浠ヨ繖涓┖瀵硅薄涓鴻皟鐢ㄥ璞¤皟鐢ㄥ嚱鏁癆nimal錛屼負(fù)榪欎釜絀哄璞℃坊鍔犱袱涓睘鎬ort鍜宑haracter錛屾帴鐫錛屽啀灝嗚繖涓┖瀵硅薄鐨勯粯璁onstructor灞炴т慨鏀逛負(fù)鏋勯犲嚱鏁扮殑鍚嶇О錛堝嵆Animal錛涚┖瀵硅薄鍒涘緩鏃墮粯璁ょ殑constructor灞炴у兼槸Object錛夛紝騫朵笖灝嗙┖瀵硅薄鐨刜_proto__灞炴ц緗負(fù)鎸囧悜Animal.prototype鈥斺旇繖灝辨槸鎵璋撶殑瀵硅薄鍒濆鍖栥傛渶鍚庯紝榪斿洖鍒濆鍖栧畬姣曠殑瀵硅薄銆傝繖閲屽皢榪斿洖鐨勬柊瀵硅薄璧嬪肩粰浜?jiǎn)鍙橀噺dog銆?/p>
dog.sort; // mammal
dog.character; // four legs
dog.constructor; // Animal
鑱槑鐨勮鑰呯粨鍚堝墠闈粙緇嶇殑鍐呭錛屽彲鑳戒細(xì)璁や負(fù)浣跨敤new榪愮畻絎﹁皟鐢ㄦ瀯閫犲嚱鏁板垱寤哄璞＄殑榪囩▼涔熷彲浠ュ儚涓嬮潰榪欐牱鏉ュ疄鐜幫細(xì)
var dog = {};
Animal.call(dog, 鈥渕ammal鈥?鈥漟our legs鈥?;
琛ㄩ潰涓婄湅錛岃繖涓よ浠ｇ爜涓巚ar dog = new Animal(鈥漨ammal鈥?鈥漟our legs鈥?;鏄瓑浠風(fēng)殑錛屽叾瀹炲嵈涓嶆槸銆傝櫧鐒墮氳繃鎸囧畾鍑芥暟鐨勬墽琛岀幆澧冭兘澶熼儴鍒嗚揪鍒板垵濮嬪寲瀵硅薄鐨勭洰鐨勶紝渚嬪絀哄璞og紜疄鑾峰緱浜?jiǎn)sort鍜宑haracter榪欎袱涓睘鎬э細(xì)
dog.sort; // mammal
dog.character; // four legs
dog.constructor; // Object 鈥斺?娉ㄦ剰錛屾病鏈変慨鏀筪og瀵硅薄榛樿鐨刢onstructor灞炴?/span>
浣嗘槸錛屾渶鍏抽敭鐨勬槸鏂板垱寤虹殑dog瀵硅薄澶卞幓浜?jiǎn)閫氳繃Animal.prototype灞炴х戶(hù)鎵垮叾浠栧璞＄殑鑳藉姏銆傚彧瑕佷笌鍓嶉潰閲囩敤new榪愮畻絎﹁皟鐢ㄦ瀯閫犲嚱鏁板垱寤哄璞＄殑榪囩▼瀵規(guī)瘮涓涓嬶紝灝變細(xì)鍙戠幇錛宯ew榪愮畻絎﹀湪鍒濆鍖栨柊瀵硅薄鏈熼棿錛岄櫎浜?jiǎn)湄?fù)鏂板璞℃坊鍔犳樉寮忓０鏄庣殑灞炴у錛岃繕?shù)細(xì)瀵规柊瀵硅薄杩涜浜?jiǎn)涓鐣滄殫綆辨搷浣溾濃斺斿嵆灝嗘柊瀵硅薄鐨刢onstructor灞炴ч噸鍐欎負(fù)Animal錛屽皢鏂板璞＄殑__proto__灞炴ц緗負(fù)鎸囧悜Animal.prototype銆傝櫧鐒舵墜宸モ滃垵濮嬪寲瀵硅薄鈥濅篃鍙互灝哾og.constructor閲嶅啓涓篈nimal錛屼絾鏍規(guī)嵁ECMA262瑙勮寖錛屽璞＄殑__proto__灞炴у寮鍙戜漢鍛樻槸鍙鐨勶紝瀵瑰畠鐨勮緗彧鑳藉湪閫氳繃new榪愮畻絎﹀垱寤哄璞℃椂鐢盝avaScript瑙ｉ噴寮曟搸鏇挎垜浠畬鎴愩?br />JavaScript鏄熀浜庡師鍨嬬戶(hù)鎵跨殑錛屽鏋滀笉鑳芥紜緗璞＄殑__proto__灞炴э紝閭ｄ箞灝辨剰鍛崇潃榛樿鐨勭戶(hù)鎵挎満鍒朵細(xì)澶辨晥錛?/p>
Animal.prototype.greet = 鈥淗i, good lucky!鈥?
dog.greet; // undefined
浜嬪疄涓婏紝鍦‵irefox涓紝__proto__灞炴т篃鏄彲鍐欑殑錛?/p>
Animal.prototype.greet = 鈥淗i, good lucky!鈥?
dog.__proto__ = Animal.prototype;
dog.greet; // Hi, good lucky!
浣嗚繖鏍峰仛鍙兘鍦‵irefox涓寰楅氥傝冭檻鍒板湪鍏煎澶氭祻瑙堝櫒錛屽繀欏諱緷璧栦簬new榪愮畻絎︼紝鎵嶈兘瀹炵幇鍩轟簬鍘熷瀷鐨勭戶(hù)鎵褲?/p>
鐢ㄦ硶錛?br />
<div聽(tīng)id="test">
聽(tīng)聽(tīng)聽(tīng)<span聽(tīng)style="color:red">test1</span>聽(tīng)test2
</div>
鍦↗S涓彲浠ヤ嬌鐢細(xì)
test.innerHTML:
銆銆涔熷氨鏄粠瀵硅薄鐨勮搗濮嬩綅緗埌緇堟浣嶇疆鐨勫叏閮ㄥ唴瀹?鍖呮嫭Html鏍囩銆?
銆銆涓婁緥涓殑test.innerHTML鐨勫間篃灝辨槸鈥?lt;span聽(tīng)style="color:red">test1</span>聽(tīng)test2 鈥濄?br />
test.innerText:聽(tīng)
銆銆浠庤搗濮嬩綅緗埌緇堟浣嶇疆鐨勫唴瀹?聽(tīng)浣嗗畠鍘婚櫎Html鏍囩聽(tīng)
銆銆涓婁緥涓殑text.innerTest鐨勫間篃灝辨槸鈥渢est1聽(tīng)test2鈥?聽(tīng)鍏朵腑span鏍囩鍘婚櫎浜?jiǎn)銆?
test.outerHTML:
銆銆闄や簡(jiǎn)鍖呭惈innerHTML鐨勫叏閮ㄥ唴瀹瑰,聽(tīng)榪樺寘鍚璞℃爣絳炬湰韜?/p>
銆銆涓婁緥涓殑text.outerHTML鐨勫間篃灝辨槸<div聽(tīng)id="test"><span聽(tīng)style="color:red">test1</span>聽(tīng)test2</div>
瀹屾暣紺轟緥錛?/strong>
<div聽(tīng)id="test">
聽(tīng)聽(tīng)聽(tīng)<span聽(tīng)style="color:red">test1</span>聽(tīng)test2
</div>
<a href="javascript:alert(test.innerHTML)">innerHTML鍐呭</a>
<a href="javascript:alert(test.innerText)">inerHTML鍐呭</a>
<a href="javascript:alert(test.outerHTML)">outerHTML鍐呭</a>
鐗瑰埆璇存槑錛?/strong>
銆銆innerHTML鏄鍚圵3C鏍囧噯鐨勫睘鎬э紝鑰宨nnerText鍙傜敤浜嶪E嫻忚鍣紝鍥犳錛屽敖鍙兘鍦板幓浣跨敤innerHTML錛岃屽皯鐢╥nnerText錛屽鏋滆杈撳嚭涓嶅惈HTML鏍囩鐨勫唴瀹癸紝鍙互浣跨敤innerHTML鍙栧緱鍖呭惈HTML鏍囩鐨勫唴瀹瑰悗錛屽啀鐢ㄦ鍒欒〃杈懼紡鍘婚櫎HTML鏍囩錛屼笅闈㈡槸涓涓畝鍗曠殑絎﹀悎W3C鏍囧噯鐨勭ず渚嬶細(xì)
<a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">鏃燞TML,絎﹀悎W3C鏍囧噯</a>
-------------------------------------------------------------------------------------------------------------------------------
<html>
<head></head>
<frameset frameborder="yes" frameborder="1" rows="40%,*">
<frame name="top" src="1.html">
<frame name="bottom" src="2.html">
</frameset>
</html>
<html>
<head>
<script language="javascript">
function init()
{聽(tīng)聽(tīng)聽(tīng)
聽(tīng)聽(tīng)聽(tīng) var aaa = parent.window.frames[0].document.body.innerHTML;
聽(tīng)聽(tīng)聽(tīng) alert(aaa);
}
</script>
</head>
<body>
<p align="center">nothing</p>
<p align="center"><input type="button" onclick="init()"; value="click"></p>
</body>
</html>
<html>
<center>姹借濺 鎴夸駭 濂充漢</center>
</html>
]]>
]]>