//灝佽閿洏浜嬩歡
//浣滆?寮犳矆楣?http://www.shnenglu.com/zuroc/
//鐗堟湰:1.0_06-12-30
/*
鐢ㄦ硶婕旂ず:
var key= new KeyCode(event);
if(key.enter||key.esc)...
*/
//浠g爜
function KeyCode(event){
if(!event)event=window.event;
keyCode = event.keyCode;
this.del=this.enter=this.esc=this.stepY=this.char=false;
switch(keyCode) {
//for space
//for backspace (8) and delete (46)
case 8:case 46:this.del=true;return;
case 13:this.enter=true;return;
case 27:this.esc=true;return;
case 32:this.char=true;return;
case 38:this.stepY=-1;return;
case 40:this.stepY=1;return; }
if (!( (keyCode < 46) || (keyCode >= 112 && keyCode <= 123) ))
{this.char=true;}
}
1. document.form.item 闂
(1)鐜版湁闂錛?BR> 鐜版湁浠g爜涓瓨鍦ㄨ澶?document.formName.item("itemName") 榪欐牱鐨勮鍙ワ紝涓嶈兘鍦?MF 涓嬭繍琛?BR> (2)瑙e喅鏂規硶錛?BR> 鏀圭敤 document.formName.elements["elementName"]
(3)鍏跺畠
鍙傝 2
2. 闆嗗悎綾誨璞¢棶棰?BR> (1)鐜版湁闂錛?BR> 鐜版湁浠g爜涓澶氶泦鍚堢被瀵硅薄鍙栫敤鏃朵嬌鐢?()錛孖E 鑳芥帴鍙楋紝MF 涓嶈兘銆?BR> (2)瑙e喅鏂規硶錛?BR> 鏀圭敤 [] 浣滀負涓嬫爣榪愮畻銆傚錛歞ocument.forms("formName") 鏀逛負 document.forms["formName"]銆?BR> 鍙堝錛歞ocument.getElementsByName("inputName")(1) 鏀逛負 document.getElementsByName("inputName")[1]
(3)鍏跺畠
3. window.event
(1)鐜版湁闂錛?BR> 浣跨敤 window.event 鏃犳硶鍦?MF 涓婅繍琛?BR> (2)瑙e喅鏂規硶錛?BR> MF 鐨?event 鍙兘鍦ㄤ簨浠跺彂鐢熺殑鐜板満浣跨敤錛屾闂鏆傛棤娉曡В鍐熾傚彲浠ヨ繖鏍峰彉閫氾細
鍘熶唬鐮?鍙湪IE涓繍琛?錛?BR> <input type="button" name="someButton" value="鎻愪氦" onclick="javascript:gotoSubmit()"/>
...
<script language="javascript">
function gotoSubmit() {
...
alert(window.event); // use window.event
...
}
</script>
鏂頒唬鐮?鍙湪IE鍜孧F涓繍琛?錛?BR> <input type="button" name="someButton" value="鎻愪氦" onclick="javascript:gotoSubmit(event)"/>
...
<script language="javascript">
function gotoSubmit(evt) {
evt = evt ? evt : (window.event ? window.event : null);
...
alert(evt); // use evt
...
}
</script>
姝ゅ錛屽鏋滄柊浠g爜涓涓琛屼笉鏀癸紝涓庤佷唬鐮佷竴鏍風殑璇?鍗?gotoSubmit 璋冪敤娌℃湁緇欏弬鏁?錛屽垯浠嶇劧鍙兘鍦↖E涓繍琛岋紝浣嗕笉浼氬嚭閿欍傛墍浠ワ紝榪欑鏂規 tpl 閮ㄥ垎浠嶄笌鑰佷唬鐮佸吋瀹廣?/P>
4. HTML 瀵硅薄鐨?id 浣滀負瀵硅薄鍚嶇殑闂
(1)鐜版湁闂
鍦?IE 涓紝HTML 瀵硅薄鐨?ID 鍙互浣滀負 document 鐨勪笅灞炲璞″彉閲忓悕鐩存帴浣跨敤銆傚湪 MF 涓笉鑳姐?BR> (2)瑙e喅鏂規硶
鐢?getElementById("idName") 浠f浛 idName 浣滀負瀵硅薄鍙橀噺浣跨敤銆?/P>
5. 鐢╥dName瀛楃涓插彇寰楀璞$殑闂
(1)鐜版湁闂
鍦↖E涓紝鍒╃敤 eval(idName) 鍙互鍙栧緱 id 涓?idName 鐨?HTML 瀵硅薄錛屽湪MF 涓笉鑳姐?BR> (2)瑙e喅鏂規硶
鐢?getElementById(idName) 浠f浛 eval(idName)銆?/P>
6. 鍙橀噺鍚嶄笌鏌?HTML 瀵硅薄 id 鐩稿悓鐨勯棶棰?BR> (1)鐜版湁闂
鍦?MF 涓紝鍥犱負瀵硅薄 id 涓嶄綔涓?HTML 瀵硅薄鐨勫悕縐幫紝鎵浠ュ彲浠ヤ嬌鐢ㄤ笌 HTML 瀵硅薄 id 鐩稿悓鐨勫彉閲忓悕錛孖E 涓笉鑳姐?BR> (2)瑙e喅鏂規硶
鍦ㄥ0鏄庡彉閲忔椂錛屼竴寰嬪姞涓?var 錛屼互閬垮厤姝т箟錛岃繖鏍峰湪 IE 涓害鍙甯歌繍琛屻?BR> 姝ゅ錛屾渶濂戒笉瑕佸彇涓?HTML 瀵硅薄 id 鐩稿悓鐨勫彉閲忓悕錛屼互鍑忓皯閿欒銆?BR> (3)鍏跺畠
鍙傝 闂4
7. event.x 涓?event.y 闂
(1)鐜版湁闂
鍦↖E 涓紝event 瀵硅薄鏈?x, y 灞炴э紝MF涓病鏈夈?BR> (2)瑙e喅鏂規硶
鍦∕F涓紝涓巈vent.x 絳夋晥鐨勬槸 event.pageX銆備絾event.pageX IE涓病鏈夈?BR> 鏁呴噰鐢?event.clientX 浠f浛 event.x銆傚湪IE 涓篃鏈夎繖涓彉閲忋?BR> event.clientX 涓?event.pageX 鏈夊井濡欑殑宸埆錛堝綋鏁翠釜欏甸潰鏈夋粴鍔ㄦ潯鐨勬椂鍊欙級錛屼笉榪囧ぇ澶氭暟鏃跺欐槸絳夋晥鐨勩?/P>
濡傛灉瑕佸畬鍏ㄤ竴鏍鳳紝鍙互紼嶉夯鐑︿簺錛?BR> mX = event.x ? event.x : event.pageX;
鐒跺悗鐢?mX 浠f浛 event.x
(3)鍏跺畠
event.layerX 鍦?IE 涓?MF 涓兘鏈夛紝鍏蜂綋鎰忎箟鏈夋棤宸埆灝氭湭璇曢獙銆?/P>
8. 鍏充簬frame
(1)鐜版湁闂
鍦?IE涓?鍙互鐢╳indow.testFrame鍙栧緱璇rame錛宮f涓笉琛?BR> (2)瑙e喅鏂規硶
鍦╢rame鐨勪嬌鐢ㄦ柟闈f鍜宨e鐨勬渶涓昏鐨勫尯鍒槸錛?BR>濡傛灉鍦╢rame鏍囩涓功鍐欎簡浠ヤ笅灞炴э細
<frame src="xx.htm" id="frameId" name="frameName" />
閭d箞ie鍙互閫氳繃id鎴栬卬ame璁塊棶榪欎釜frame瀵瑰簲鐨剋indow瀵硅薄
鑰宮f鍙彲浠ラ氳繃name鏉ヨ闂繖涓猣rame瀵瑰簲鐨剋indow瀵硅薄
渚嬪濡傛灉涓婅堪frame鏍囩鍐欏湪鏈涓婂眰鐨剋indow閲岄潰鐨刪tm閲岄潰錛岄偅涔堝彲浠ヨ繖鏍瘋闂?BR>ie錛?window.top.frameId鎴栬厀indow.top.frameName鏉ヨ闂繖涓獁indow瀵硅薄
mf錛?鍙兘榪欐牱window.top.frameName鏉ヨ闂繖涓獁indow瀵硅薄
鍙﹀錛屽湪mf鍜宨e涓兘鍙互浣跨敤window.top.document.getElementById("frameId")鏉ヨ闂甪rame鏍囩
騫朵笖鍙互閫氳繃window.top.document.getElementById("testFrame").src = 'xx.htm'鏉ュ垏鎹rame鐨勫唴瀹?BR>涔熼兘鍙互閫氳繃window.top.frameName.location = 'xx.htm'鏉ュ垏鎹rame鐨勫唴瀹?BR>鍏充簬frame鍜寃indow鐨勬弿榪板彲浠ュ弬瑙乥bs鐨勨榳indow涓巉rame鈥欐枃绔?BR>浠ュ強/test/js/test_frame/鐩綍涓嬮潰鐨勬祴璇?BR>----adun 2004.12.09淇敼
9. 鍦╩f涓紝鑷繁瀹氫箟鐨勫睘鎬у繀欏籫etAttribute()鍙栧緱
10.鍦╩f涓病鏈?nbsp; parentElement parement.children 鑰岀敤
parentNode parentNode.childNodes
childNodes鐨勪笅鏍囩殑鍚箟鍦↖E鍜孧F涓笉鍚岋紝MF浣跨敤DOM瑙勮寖錛宑hildNodes涓細鎻掑叆絀虹櫧鏂囨湰鑺傜偣銆?BR> 涓鑸彲浠ラ氳繃node.getElementsByTagName()鏉ュ洖閬胯繖涓棶棰樸?BR> 褰揾tml涓妭鐐圭己澶辨椂錛孖E鍜孧F瀵筽arentNode鐨勮В閲婁笉鍚岋紝渚嬪
<form>
<table>
<input/>
</table>
</form>
MF涓璱nput.parentNode鐨勫間負form, 鑰孖E涓璱nput.parentNode鐨勫間負絀鴻妭鐐?/P>
MF涓妭鐐規病鏈塺emoveNode鏂規硶錛屽繀欏諱嬌鐢ㄥ涓嬫柟娉?node.parentNode.removeChild(node)
11.const 闂
(1)鐜版湁闂:
鍦?IE 涓笉鑳戒嬌鐢?const 鍏抽敭瀛椼傚 const constVar = 32; 鍦↖E涓繖鏄娉曢敊璇?BR> (2)瑙e喅鏂規硶:
涓嶄嬌鐢?const 錛屼互 var 浠f浛銆?/P>
12. body 瀵硅薄
MF鐨刡ody鍦╞ody鏍囩娌℃湁琚祻瑙堝櫒瀹屽叏璇誨叆涔嬪墠灝卞瓨鍦紝鑰孖E鍒欏繀欏誨湪body瀹屽叏琚鍏ヤ箣鍚庢墠瀛樺湪
13. url encoding
鍦╦s涓鏋滀功鍐檜rl灝辯洿鎺ュ啓&涓嶈鍐?amp;amp;渚嬪var url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = url閭d箞寰堟湁鍙兘url涓嶄細琚甯告樉紺轟互鑷充簬鍙傛暟娌℃湁姝g‘鐨勪紶鍒版湇鍔″櫒
涓鑸細鏈嶅姟鍣ㄦ姤閿欏弬鏁版病鏈夋壘鍒?BR>褰撶劧濡傛灉鏄湪tpl涓緥澶栵紝鍥犱負tpl涓鍚坸ml瑙勮寖錛岃姹?amp;涔﹀啓涓?amp;amp;
涓鑸琈F鏃犳硶璇嗗埆js涓殑&
14. nodeName 鍜?tagName 闂
(1)鐜版湁闂錛?BR> 鍦∕F涓紝鎵鏈夎妭鐐瑰潎鏈?nodeName 鍊鹼紝浣?textNode 娌℃湁 tagName 鍊箋傚湪 IE 涓紝nodeName 鐨勪嬌鐢ㄥソ璞?BR> 鏈夐棶棰橈紙鍏蜂綋鎯呭喌娌℃湁嫻嬭瘯錛屼絾鎴戠殑IE宸茬粡姝諱簡濂藉嚑嬈★級銆?BR> (2)瑙e喅鏂規硶錛?BR> 浣跨敤 tagName錛屼絾搴旀嫻嬪叾鏄惁涓虹┖銆?/P>
15. 鍏冪礌灞炴?BR> IE涓?input.type灞炴т負鍙錛屼絾鏄疢F涓嬪彲浠ヤ慨鏀?/P>
16. document.getElementsByName() 鍜?document.all[name] 鐨勯棶棰?BR> (1)鐜版湁闂錛?BR> 鍦?IE 涓紝getElementsByName()銆乨ocument.all[name] 鍧囦笉鑳界敤鏉ュ彇寰?div 鍏冪礌錛堟槸鍚﹁繕鏈夊叾瀹冧笉鑳藉彇鐨勫厓绱犺繕涓嶇煡閬擄級銆?BR>
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=565591