以下é¢å†™å‡ø™‡ªå·Þp®¤ä¸ºæœ‰ç”¨çš„æ“作和代ç ã€?br /> ½W¬ä¸€‹Æ¡åœ¨å›é‡Œé¢å†™åQŒè‚¯å®šæœ‰å¾ˆå¤šä¸èƒö够之处，希望大家多多指点ã€?br />
一ã€Iframe ½‹?br />
//&&&&&&&&&&&&&&&&&&&&公共æ–ÒŽ³•å¼€å§?amp;&&&&&&&&&&&&&&
//父对象得到å½H—å£çš„å€?/span>
//ObjectID是窗å£æ ‡è¯†ï¼ŒContentIDæ˜¯å…ƒç´ ID
function GetValue(ObjectID,ContentID)
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
if(IsIE)
{//如果是IE
alert(document.frames(ObjectID).document.getElementById(ContentID).innerHTML);
}
else
{//如果是FF
alert(document.getElementById(ObjectID).contentDocument.getElementById(ContentID).innerHTML);
//FF下ä¸æ”¯æŒinnerText; 下é¢æ˜¯è§£å†Ïx–¹æ³?nbsp;
//if(document.all){
//　　alert(document.getElementById('div1').innerText);
//} else{
//　 alert(document.getElementById('div1').textContent);
//}
}
}
//父对象å‘å窗å£èµ‹å€?/span>
//ObjectID是窗å£æ ‡è¯†ï¼ŒContentIDæ˜¯å…ƒç´ ID
function SetValue(ObjectID,ContentID)
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
if(IsIE)
{//如果是IE
document.frames(ObjectID).document.getElementById(ContentID).innerHTML="我是IE下通过父窗å£èµ‹å€ÆD¿‡æ¥çš„";
}
else
{//如果是FF
document.getElementById(ObjectID).contentDocument.getElementById(ContentID).innerHTML="我是FF下通过父窗å£èµ‹å€ÆD¿‡æ¥çš„";
}
}
//&&&&&&&&&&&&&&&&&&&&公共æ–ÒŽ³•¾l“æŸ&&&&&&&&&&&&&&&
1.父窗å£å¯¹å窗å£æ“ä½?br />
åˆäh–°åQ?br /> document.getElementById("IframeID").src=document.getElementById("IframeID").src+"?_="+Math.random();
上题q™ç§æ–ÒŽ³•æœ‰æ—¶éœ€è¦å¯¹“src”属性处ç†ä¸€ä¸‹ã€?br />
å–å€û|¼š
//父窗å£å–å窗å£çš„å€?/span>
GetValue("Iframe1","IframeDiv");
赋å€û|¼š
//父窗å£è®¾¾|®çª—å£å…ƒç´ çš„å€?
SetValue("Iframe1","IframeDiv");
2.å窗å£æ“作父½H—å£
åˆäh–°åQ?br /> (1)ã€window.parent.location.href=window.parent.location.href;
(2)ã€window.parent.location.reload();
(3)ã€å¤§å®¶å¯ä»¥è¡¥å…?br />
å–å€û|¼š
alert(window.parent.document.getElementById("IframeDiv").innerHTML);
赋å€û|¼š
window.parent.document.getElementById("IframeDiv").innerHTML="我是从å½H—å£IFRAMEä¼ è¿‡æ¥çš„å€?/span>";
å…³é—åQ?br /> window.parent.opener=null;//如果ä¸åŠ ˜q™å¥åQŒä¼šæ示关é—询问½H—å£;
window.parent.close();
二ã€window.open ½‹?br /> 1.父窗å£å¯¹å窗å£æ“ä½?br /> 打开åQ?br /> var win=null;
win=window.open("Open.html","win","width=200,height=200");
最大化åQ?br /> //½H—å£æœ€å¤§åŒ–
function SonMaximize()
{
if(win&&win.open&&!win.closed)
{
win.moveTo(-4,-4);
win.resizeTo(screen.availWidth+8,screen.availHeight+8);
}else{
alert('˜q˜æ²¡æœ‰æ‰“å¼€½H—å£æˆ–å·²¾lå…³é—?);
}
}
最ž®åŒ–åQ?br /> //½H—å£æœ€ž®åŒ–
function SonMinimize()
{
if(win&&win.open&&!win.closed)
{
win.resizeTo(0,0);
win.moveTo(0,window.screen.width);
}else{
alert('˜q˜æ²¡æœ‰æ‰“å¼€½H—å£æˆ–å·²¾lå…³é—?);
}
}
å…³é—åQ?br /> //关闽H—å£
function CloseSon()
{
if(win&&win.open&&!win.closed)
{
win.opener=null;
win.close()
}else{
alert('˜q˜æ²¡æœ‰æ‰“å¼€½H—å£æˆ–已关é—') ;
}
}
åˆäh–°åQ?br /> //åˆäh–°
function RefreshSon()
{
if(win&&win.open&&!win.closed)
{
win.location.reload();
win.focus();
}else{
alert('½H—壘q˜æ²¡æœ‰æ‰“开或已关é—');
}
}
查看½H—å£å¤§å°åQ?br /> function ViewSonSize()
{
if(win&&win.open&&!win.closed)
{
alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);
win.focus();
}else
{
alert(' ˜q˜æ²¡æœ‰æ‰“å¼€½H—å£æˆ–者已关é—');
}
}
å–å€û|¼š
alert(window.document.getElementById("OpenDiv").innerHTML);
赋å€û|¼š
win.document.getElementById("OpenDiv").innerHTML="我是从父½H—å£ä¸ä¼ ˜q‡æ¥çš„å€?/span>";
2.å窗å£æ“作窗å?br />
åˆäh–°åQ?br /> window.opener.location.reload();
//下题q™ç§æ–ÒŽ³•ä¹Ÿå¯ä»?/span>
//window.parent.location.href=window.parent.location.href;
å…³é—本窗å£ï¼š
//å…³é—本窗å?/span>
function CloseWindow()
{ //window.opener.opener=null;
window.close();
}
å…³é—父窗å?
//å…³é—父窗å?/span>
function CloseParent()
{ //ç«ç‹ä¸‹ä¸èµ·ä½œç”?如果è¦æƒ³èµ·ä½œç”¨ã€‚用下é¢çš„æ–¹æ³?/span>
//å¼€firefox,在地å€æ 输入about:config
//扑ֈ°dom.allow_scripts_to_close_windows˜q™é¡¹òq¶æ”¹ä¸ºtrue
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
if(IsIE){//如果是IE
window.opener.opener=null;
window.opener.close();
window.close();
}else{
alert("ç«ç‹ä¸èƒ½ç›´æŽ¥å…³é—;需è¦ä»¥ä¸‹è®¾¾|?.å¼€firefox,在地å€æ 输入about:config;2.扑ֈ°dom.allow_scripts_to_close_windows˜q™é¡¹òq¶æ”¹ä¸ºtrue");
}
}
å–å€û|¼š
alert(window.opener.document.getElementById("OpenDiv").innerHTML);
赋å€û|¼š
window.opener.document.getElementById("OpenDiv").innerHTML="我是从å½H—å£Openä¼ è¿‡æ¥çš„å€?/span>";
三ã€æ¨¡æ€çª—å£ç¯‡
1.父窗å£æ“作å½H—å£
父窗å£JS代ç åQ?br /> var parValue="现在昄¡¤ºäº†çˆ¶½H—å£ä¸çš„å˜é‡å€?/span>";
var hao="éƒå¾å?/span>";
function ShowDailog(PageHref,Title,Height,Width)
{
//--------------leftä½ç½®
//screen.availHeight声明了显½Cºæµè§ˆå™¨çš„å±òq•çš„å¯ç”¨å®½åº¦
var dleft =(screen.availHeight-Height)/2;
//--------------topä½ç½®
var dtop =(screen.availWidth-Width)/2;
//---------------
Var sRet = window.showModalDialog(PageHref,window,Title,"scrollbars=yes;resizable=no;help=no;status=no;center=yes;dialogTop=25;dialogLeft="+ dleft +";dialogTop="+ dtop +";dialogHeight="+Height+"px;dialogWidth="+Width+"px;");
//--------return
if (sRet =="refresh")//˜q™ç§æ˜¯åˆ©ç”¨è¿”回值æ¥åˆäh–°çˆ‰™¡µé?/span>
{
window.Test="true";
window.location.reload();
alert(window.Test);
}
}
function test()
{
alert("模æ€çª—å£æˆåŠŸè°ƒç”¨çˆ¶½H—å£çš„æ–¹æ³?/span>");
}
2.模æ€çª—å£æ“作父½H—å£
var parentWin=window.dialogArguments;
åˆäh–°åQ?br /> parentWin.location.reload();
å–å€û|¼š
alert(parentWin.document.getElementById("ShowModalDialogDiv").innerHTML) //获å–父窗å£ä¸çš„对è±?/span>
alert("我是从父½H—å£ä¸å¾—到的å˜é‡>>>"+parentWin.parValue); //获å–父窗å£ä¸çš„å˜é‡?/span>
调用父窗å£JSæ–ÒŽ³•åQ?br /> parentWin.test(); //调用父窗å£ä¸çš„æ–¹æ³?/span>
赋å€û|¼š
parentWin.document.getElementById("ShowModalDialogDiv").innerHTML="我是从å½H—å£ShowModalDialogä¼ è¿‡æ¥çš„å€?/span>";
å…³é—本窗å£ï¼š
//å…³é—本窗å?/span>
function CloseWindow()
{
window.parent.close();
}
å…³é—父窗å£ï¼š
//å…³é—父窗å?/span>
function CloseModal()
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
if(IsIE){//如果是IE
window.parent.parent.close();
//parentWin.opener=null;如果把上é¢çš„æ¢æˆ˜q™è¡ŒåQŒä¸èƒ½å…³é—父½H—å£åQ?/span>
parentWin.close();
//window.parent.parent.parent.parent.close();˜q™ä¸ªåªèƒ½å…³é—模æ€çª—å£æœ¬íw«ç›®å‰åªåœ¨IE6下测è¯?/span>
}else{
alert("ç«ç‹ä¸èƒ½ç›´æŽ¥å…³é—;需è¦ä»¥ä¸‹è®¾¾|?.å¼€firefox,在地å€æ 输入about:config;2.扑ֈ°dom.allow_scripts_to_close_windows˜q™é¡¹òq¶æ”¹ä¸ºtrue");
}
}
JavaScript父窗å£ä¸Žå窗å£ç›¸äº’æ“ä½?rar
艾æ‡L 2010-12-21 17:47 å‘表评论
]]>UA=navigator.userAgent;
is360se = UA.toLowerCase().indexOf('360se')>-1 ? true : false;
alert(is360se);
</script>
<script language=javascript>
function stoprefresh()
{
return "you will lose any unsaved content";
}
function UnloadConfirm()
{ //™åµé¢¼›Õd¼€åŽçš„事äšg
alert('¼›Õd¼€™åµé¢åŽçš„一些清ç†å·¥ä½?#8230;…');
}
</script>
<body>
<script>
window.onbeforeunload=stoprefresh; //注册关é—å‰çš„事äšg
window.onunload = UnloadConfirm; //注册关é—åŽçš„事äšg
</script>
<a href = "http://www.jb51.net">脚本之家</a>
</body>
艾æ‡L 2010-07-30 11:26 å‘表评论
]]>javascripté™åˆ¶è¾“入的åªèƒ½æ˜¯æ•°å—åQŒåˆ¤æ–event.keyCodeçš„å€û|¼Œòq¶å°†å®ƒé™å®šåªèƒ½äØ“æ•°å—åQŒå¦‚æžœä¸æ˜¯æ•°å—，则返回错误，如果是数å—，则ç‘ô¾lã€?nbsp;
我先介ç»éªŒè¯javascript是å¦æ˜¯æ•°å—å¦ä¸€¿Uæ–¹å¼ï¼Œé€šè¿‡ä¸‹é¢çš„函数æ¥å®žçŽ°åQ?nbsp;
function isNumber(oNum)
{
if(!oNum) return false;
var strP=/^\d+(\.\d+)?$/;
if(!strP.test(oNum)) return false;
try{
if(parseFloat(oNum)!=oNum) return false;
}
catch(ex)
{
return false;
}
return true;
}
˜q™æ®µjavascript代ç 很简‹z，大家å¯ä»¥çœ‹ä¸‹ã€?nbsp;
<mce:script language=javascript><!--
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑ž®é”®ç›˜ä¸Šçš„æ•°å—é”®
event.returnvalue=false;
}
// --></mce:script>
<input onkeydown="onlyNum();">
下题q˜æœ‰ä¸€¿U比较笨的方法，大家也å¯ä»¥çœ‹ä¸‹ï¼Œå¦ä¹ å˜?nbsp;
下次贴个用æ£åˆ™éªŒè¯æ•°å—çš„
<mce:script language="javascript"><!--
function CheckMyForm()
{
var txt = myform.mytext.value;
if(checknumber(txt))
{
alert("åªå…许输入数å—ï¼");
return false;
}
return true;
}
function checknumber(String)
{
var Letters = "1234567890";
var i;
var c;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) ==-1)
{
return true;
}
}
return false;
}
// --></mce:script>
<body>
<form name="myform" onSubmit="return CheckMyForm()">
<input type="text" name="mytext">
<input type="submit" name="mysubmit">
</form>
</body>
最½Ž€å•çš„javascript验è¯æ˜¯å¦ä¸æ˜¯æ•°å—的代ç 如下：
<input type='TEXT' onKeyPress="if(event.keyCode==13){if(isNaN(this.value))alert('ä¸æ˜¯æ•°å€?)};">
本文æ¥è‡ªCSDNåšå®¢åQŒè{è½½è¯·æ ‡æ˜Žå‡ºå¤„åQšhttp://blog.csdn.net/heimaoxiaozi/archive/2009/08/01/4400522.aspx
我先介ç»éªŒè¯javascript是å¦æ˜¯æ•°å—å¦ä¸€¿Uæ–¹å¼ï¼Œé€šè¿‡ä¸‹é¢çš„函数æ¥å®žçŽ°åQ?nbsp;
function isNumber(oNum)
{
if(!oNum) return false;
var strP=/^\d+(\.\d+)?$/;
if(!strP.test(oNum)) return false;
try{
if(parseFloat(oNum)!=oNum) return false;
}
catch(ex)
{
return false;
}
return true;
}
˜q™æ®µjavascript代ç 很简‹z，大家å¯ä»¥çœ‹ä¸‹ã€?nbsp;
<mce:script language=javascript><!--
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑ž®é”®ç›˜ä¸Šçš„æ•°å—é”®
event.returnvalue=false;
}
// --></mce:script>
<input onkeydown="onlyNum();">
下题q˜æœ‰ä¸€¿U比较笨的方法，大家也å¯ä»¥çœ‹ä¸‹ï¼Œå¦ä¹ å˜?nbsp;
下次贴个用æ£åˆ™éªŒè¯æ•°å—çš„
<mce:script language="javascript"><!--
function CheckMyForm()
{
var txt = myform.mytext.value;
if(checknumber(txt))
{
alert("åªå…许输入数å—ï¼");
return false;
}
return true;
}
function checknumber(String)
{
var Letters = "1234567890";
var i;
var c;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) ==-1)
{
return true;
}
}
return false;
}
// --></mce:script>
<body>
<form name="myform" onSubmit="return CheckMyForm()">
<input type="text" name="mytext">
<input type="submit" name="mysubmit">
</form>
</body>
最½Ž€å•çš„javascript验è¯æ˜¯å¦ä¸æ˜¯æ•°å—的代ç 如下：
<input type='TEXT' onKeyPress="if(event.keyCode==13){if(isNaN(this.value))alert('ä¸æ˜¯æ•°å€?)};">
本文æ¥è‡ªCSDNåšå®¢åQŒè{è½½è¯·æ ‡æ˜Žå‡ºå¤„åQšhttp://blog.csdn.net/heimaoxiaozi/archive/2009/08/01/4400522.aspx
艾æ‡L 2010-07-01 12:27 å‘表评论
]]> 1 <html>
2 <title>å¤é€‰æ¡†å…¨é€‰ä¸Žåé€?/span></title>
3 <style type="text/css">
4 fieldset{width:500px; font-size:12px; color:#666666;}
5 ul{list-style:none outside; list-style-image:none; padding:0; margin:0;}
6 ul li{ display:block; line-height:20px; height:20px; margin-top:10px; }
7 </style>
8 <script type="text/javascript">
9 function check_all(){
10 var objCheck=document.getElementsByTagName("input");
11 for(var i=0; i<objCheck.length-2;i++){
12 objCheck[i].checked=true;
13 }
14 }
15 function check_resver(){
16 var objCheck=document.getElementsByTagName("input");
17 for(var i=0; i<objCheck.length-2;i++){
18 if(objCheck[i].checked==true){
19 objCheck[i].checked=false;
20 }
21 else{
22 objCheck[i].checked=true;
23 }
24 }
25 }
26 </script>
27
28 <body>
29 <form id="form_checkbox">
30 <fieldset>
31 <legend>å¤é€‰æ¡†å…¨é€‰ä¸Žåé€?/span></legend>
32 <ul>
33 <li>
34 <label>
35 <input type="checkbox" name="checkbox" value="checkbox" tabindex="1" />
36 </label>
37 <span>有些心事</span>
38 </li>
39 <li>
40 <label>
41 <input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />
42 </label>
43 <span>有些事情</span>
44 </li>
45 <li>
46 <label>
47 <input type="checkbox" name="checkbox" value="checkbox" tabindex="3" />
48 </label>
49 <span>有点心烦</span>
50 </li>
51 <li>
52 <label>
53 <input type="checkbox" name="checkbox" value="checkbox" tabindex="4" />
54 </label>
55 <span>有点ä¸å®‰</span>
56 </li>
57 <li>
58 <label>
59 <input type="checkbox" name="checkbox" value="checkbox" tabindex="5" />
60 </label>
61 <span>有ç§æ„Ÿè§‰</span>
62 </li>
63 <li>
64 <label>
65 <input type="checkbox" name="checkbox" value="checkbox" tabindex="6" />
66 </label>
67 <span>ä¸çŸ¥æ‰€æŽ?/span></span>
68 </li>
69 <li>
70 <label>
71 <input type="button" value="�nbsp;� onclick="check_all();" />
72 <input type="button" value="å?nbsp;é€? onclick="check_resver();" />
73 </label>
74 </li>
75 </ul>
76 </fieldset>
77 </form>
78 </body>
79 </html>
2 <title>å¤é€‰æ¡†å…¨é€‰ä¸Žåé€?/span></title>
3 <style type="text/css">
4 fieldset{width:500px; font-size:12px; color:#666666;}
5 ul{list-style:none outside; list-style-image:none; padding:0; margin:0;}
6 ul li{ display:block; line-height:20px; height:20px; margin-top:10px; }
7 </style>
8 <script type="text/javascript">
9 function check_all(){
10 var objCheck=document.getElementsByTagName("input");
11 for(var i=0; i<objCheck.length-2;i++){
12 objCheck[i].checked=true;
13 }
14 }
15 function check_resver(){
16 var objCheck=document.getElementsByTagName("input");
17 for(var i=0; i<objCheck.length-2;i++){
18 if(objCheck[i].checked==true){
19 objCheck[i].checked=false;
20 }
21 else{
22 objCheck[i].checked=true;
23 }
24 }
25 }
26 </script>
27
28 <body>
29 <form id="form_checkbox">
30 <fieldset>
31 <legend>å¤é€‰æ¡†å…¨é€‰ä¸Žåé€?/span></legend>
32 <ul>
33 <li>
34 <label>
35 <input type="checkbox" name="checkbox" value="checkbox" tabindex="1" />
36 </label>
37 <span>有些心事</span>
38 </li>
39 <li>
40 <label>
41 <input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />
42 </label>
43 <span>有些事情</span>
44 </li>
45 <li>
46 <label>
47 <input type="checkbox" name="checkbox" value="checkbox" tabindex="3" />
48 </label>
49 <span>有点心烦</span>
50 </li>
51 <li>
52 <label>
53 <input type="checkbox" name="checkbox" value="checkbox" tabindex="4" />
54 </label>
55 <span>有点ä¸å®‰</span>
56 </li>
57 <li>
58 <label>
59 <input type="checkbox" name="checkbox" value="checkbox" tabindex="5" />
60 </label>
61 <span>有ç§æ„Ÿè§‰</span>
62 </li>
63 <li>
64 <label>
65 <input type="checkbox" name="checkbox" value="checkbox" tabindex="6" />
66 </label>
67 <span>ä¸çŸ¥æ‰€æŽ?/span></span>
68 </li>
69 <li>
70 <label>
71 <input type="button" value="�nbsp;� onclick="check_all();" />
72 <input type="button" value="å?nbsp;é€? onclick="check_resver();" />
73 </label>
74 </li>
75 </ul>
76 </fieldset>
77 </form>
78 </body>
79 </html>
艾æ‡L 2009-11-25 18:06 å‘表评论
]]>采用更äØ“½Ž€çŸçš„写法åQŒä¸ä»…å¯ä»¥å‡ž®‘输入的å—符敎ͼŒ˜q˜å¯ä»¥å‡ž®‘文件大ž®ã€‚大部分采用½Ž€å•å†™æ³•çš„代ç åQŒæ‰§è¡Œæ•ˆçŽ‡éƒ½æœ‰è½»å¾®æ高ã€?
1.1 ½Ž€åŒ–常用对象定义：使用 var obj = {}; 代替 var obj = new Object();
使用 var arr = []; 代替 var arr = new Array();
1.2 ¾_„¡®€ifè¯å¥ä¸‰å…ƒæ“作½W¦å¯ä»¥æœ‰æ•ˆç²¾½Ž€åªæ¶‰åŠèµ‹å€ég¼ 值æ“作的ifè¯å¥åQŒæ¯”å¦?
var score = 60, grade;
if (score < 60) {
grade = “ä¸åŠæ ?#8221;;
} else {
grade = “åŠæ ¼”;
}
å¯ä»¥¾_„¡®€ä¸ºï¼š
var score = 60;
var grade = score < 60 ? “ä¸åŠæ ?#8221; : “åŠæ ¼”;
三元æ“作½W¦ä¹Ÿæ”¯æŒåµŒå¥—åQŒä½†æ˜¯åµŒå¥—的层次太多会媄å“程åºçš„å¯è¯»æ€§ï¼Œ˜q™æ–¹é¢è¦å¤šåŠ æ–Ÿé…Œã€?
1.3 使用JSONJSON是一¿Uè½»é‡çñ”çš„æ•°æ®æ ¼å¼ï¼Œè½»é‡¾U§é¦–先体现在它的¾l“构定义éžå¸¸½Ž€å•ã€?
var obj = {};
obj.p1 = ‘a’;
obj.p2 = ‘b’;
obj.p3 = ‘c’;
å¯ç²¾½Ž€ä¸ºï¼š
var obj = {
p1 : ‘a’,
p2 : ‘b’,
p3 : ‘c’
};
二ã€ä‹É用高效率的代ç ?
¾|‘上‹¹ä¼ çš„æ•ˆçŽ‡ä¼˜åŒ–æ–‡ç« éžå¸¸å¤šåQŒä¸€äº›æ¯”较专业的javascript书ç±ä¹Ÿè°ˆåˆîCº†ä¸å°‘åQŒå› æ¤ï¼Œ˜q™é‡Œž®±åªåˆ—出一些很ž®‘谈到的ã€?
2.1 ¾_„¡®€å¾ªçŽ¯ä½“åó@环的效率很大½E‹åº¦ä¸Šæ˜¯ç”±åó@环体军_®šçš„，与之相比åQŒç”¨for˜q˜æ˜¯while的差别就太å°äº†ã€‚考虑如下的代ç ，其功能是为æŸä¸€æ‰¹å…ƒç´ æ·»åŠ äº‹ä»Óž¼š
function addEvent(elems, eventName, handler) {
for (var i = 0, len = elems.length; i < len; i++) {
if (window.attachEvent) {
elems[i].attachEvent(”on” + eventName, handler);
} else if (window.addEventListener) {
elems[i].addEventListener(eventName, handler, false);
}
}
}
循环æ¯æ‰§è¡Œä¸€‹Æ¡ï¼Œéƒ½ä¼šåˆ¤æ–window对象的attachEvent或addEventListener是å¦å˜åœ¨åQŒå…¶å®žè¿™ä¸ªä»…判æ–一‹Æ¡ä¹Ÿž®±å¤Ÿäº?æ¤å¤–åQ?#8220;”on” + eventName”çš„å—½W¦ä¸²æ‹¼æŽ¥ä¹Ÿä¼šé‡å¤æ‰§è¡Œã€‚优化如下：
function addEvent(elems, eventName, handler) {
var i = -1, len = elems.length;
if (window.attachEvent) {
eventName = “on” + eventName;
while (++i < len) {
elems[i].attachEvent(eventName, handler);
}
} else if (window.addEventListener) {
while (++i < len) {
elems[i].addEventListener(eventName, handler, false);
}
}
}
2.2 ž®½é‡ä½¿ç”¨åŽŸç”Ÿçš„函数而ä¸æ˜¯è‡ªå®šä¹‰å‡½æ•°å½“ä½ å¯¹javascript的内¾|®ç±»åž‹å˜é‡æ‰§è¡ŒæŸ™åÒŽ“作时åQŒä½ 应该先查查这™åÒŽ“作是å¦æœ‰åŽŸç”Ÿçš„方法ã€?
è¦ç”Ÿæˆä¸€ä¸ªæ•°¾l„的副本åQŒä½ 会怎么åšå‘¢?éåŽ†æ•°ç»„å…ƒç´ ç„¶åŽé€ä¸ªèµ‹å€¼åˆ°å¦ä¸€ä¸ªæ•°¾l„，˜q™ä¼¼ä¹Žæ˜¯å”¯ä¸€çš„方法。其实，原生的Array.prototype.slicež®±å¯ä»¥è¾¾åˆ°å¤åˆ¶çš„目的。这个方法å¯ä»¥ä»ŽæŸä¸ªæ•°ç»„˜q”å›žé€‰å®šçš„å…ƒç´ ï¼Œä¸”ä¸å½±å“原æ¥çš„æ•°¾l„。如果å‚æ•°ç•™½Iºï¼Œ˜q”å›žçš„å°±æ˜¯å…¨éƒ¨å…ƒç´ ã€?
Array.prototype.slice˜q˜å¯ä»¥å¯¹æŸäº›ä¸æ˜¯æ•°ç»„而åˆèƒ½é€šè¿‡æ•°å—索引讉K—®çš„类型进行æ“作，比如argumentsåQ?
argumentsåQ?
function test() {
alert(Array.prototype.slice.call(arguments));
}
test(1, 2, 3); // output “1,2,3″
在Firefox下，它甚臛_¯ä»¥å¯¹HtmlCollection˜q›è¡Œæ“作。å¯æƒœåœ¨IE下ä¸è¡Œã€?
å¦ä¸€ä¸ªä¾‹å是数组排åºåQŒä¸€èˆ¬æƒ…况下åQŒæˆ‘们ä¸éœ€è¦å¦å¤–写排庽Ž—法åQŒç”¨åŽŸç”Ÿçš„Array.prototype.sortž®±å¤Ÿäº†ã€‚sortæ–ÒŽ³•åªæœ‰ä¸€ä¸ªå‚敎ͼŒè¯¥å‚数是一个函敎ͼŒå†›_®šä¸¤ä¸ªç›¸æ¯”è¾ƒçš„å…ƒç´ è°åœ¨å‰è°åœ¨åŽåQŒé»˜è®¤æ˜¯æŒ‰ç…§å—符™åºåºæŽ’åºåQŒæ¯”å¦?1会排åœ?之å‰ã€‚è¦æŒ‰æ•°å—大ž®æŽ’åºï¼Œå¯ä»¥˜q™æ ·å†™ï¼š
var arr = [11, 2, 0, 12, 33];
arr.sort(
function(a, b) {
return a - b;
}
);
也å¯ä»¥æŒ‰ç…§å¯¹è±¡çš„æŸä¸ªå±žæ€§è¿›è¡ŒæŽ’åºï¼š
var arr = [
{ id : 11 },
{ id : 0 },
{ id : 22 }
];
arr.sort(
function(a, b) {
return a.id - b.id;
}
);
2.3 数组去é‡å¤Array¾cÕdž‹òq¶æ²¡æœ‰æ供去é‡å¤çš„方法，如果è¦æŠŠæ•°ç»„çš„é‡å¤å…ƒç´ 干掉，那得自己惛_Šžæ³•ï¼š
function unique(arr) {
var result = [], isRepeated;
for (var i = 0, len = arr.length; i < len; i++) {
isRepeated = false;
for (var j = 0, len = result.length; j < len; j++) {
if (arr[i] == result[j]) {
isRepeated = true;
break;
}
}
if (!isRepeated) {
result.push(arr[i]);
}
}
return result;
}
æ€ÖM½“æ€èµ\æ˜¯æŠŠæ•°ç»„å…ƒç´ é€ä¸ªæ¬è¿åˆ°å¦ä¸€ä¸ªæ•°¾l„，æ¬è¿çš„过½E‹ä¸‹‚€æŸ¥è¿™ä¸ªå…ƒç´ 是å¦æœ‰é‡å¤åQŒå¦‚果有ž®Þq›´æŽ¥ä¸¢æŽ‰ã€‚从嵌套循环ž®±å¯ä»¥çœ‹å‡ºï¼Œ˜q™ç§æ–ÒŽ³•æ•ˆçŽ‡æžä½Žã€‚我们å¯ä»¥ç”¨ä¸€ä¸ªhashtableçš„ç»“æž„è®°å½•å·²æœ‰çš„å…ƒç´ åQŒè¿™æ ·å°±å¯ä»¥é¿å…内层循环。æ°å¥½ï¼Œåœ¨javascriptä¸å®žçŽ°hashtable是æžä¸ºç®€å•çš„åQŒæ”¹˜q›å¦‚下：
function unique(arr) {
var result = [], hash = {};
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
if (!hash[elem]) {
result.push(elem);
hash[elem] = true;
}
}
return result;
}
艾æ‡L 2009-11-20 13:03 å‘表评论
]]>{
// Elements array, initialization for validation
elems = new Array(
new Array(
'username', // name of elements to be validated
'value.length<1 || value.search(/[^a-zA-z0-9_]/)>=0',
// validation condition
'æ— æ•ˆçš„ç”¨æˆ·å:åªèƒ½è¾“å…¥6-20ä½å—æ¯ã€æ•°å—ã€ä¸‹åˆ’线的组å?'),
// prompt on failure
new Array(
'password',
'value.length<5 || value.search(/[^a-zA-z0-9_]/)>=0',
'æ— æ•ˆçš„å¯†ç ?åªèƒ½è¾“å…¥6-20ä½å—æ¯ã€æ•°å—ã€ä¸‹åˆ’线的组å?'),
new Array(
'email',
'isMail(value)==false',
'Email是您在网上的é‡è¦è”络工具,请务必棼‹®å¡«å†?')
);
// Validate here, using eval statement.
for(i = 0; i < elems.length; i++)
{
with(eval('obj.'+elems[i][0]))
{
if(eval(elems[i][1]))
{
window.alert(elems[i][2]);
focus();
return false;
}
}
}
return true;
}
//-->
</SCRIPT>
　　2ã€äØ“formæ·ÕdŠ onsubmit属性：
　　<form ... onsubmit='return frmValid(this)'>
艾æ‡L 2009-11-20 12:00 å‘表评论
]]><c:forEach var="name" items="expression" varStatus="name"
begin="expression" end="expression" step="expression">
body content
</c:forEach>
<c:forEach>æ ‡ç¾å…ähœ‰ä»¥ä¸‹ä¸€äº›å±žæ€§ï¼š
l varåQšè„P代å‚æ•°çš„å称。在˜q代体ä¸å¯ä»¥ä½¿ç”¨çš„å˜é‡çš„å称åQŒç”¨æ¥è¡¨½Cºæ¯ä¸€ä¸ªè„P代å˜é‡ã€‚类型äØ“Stringã€?/strong>
l itemsåQšè¦˜q›è¡Œ˜q代的集åˆã€‚对于它所支æŒçš„类型将在下é¢è¿›è¡Œè®²è§£ã€?/strong>
l varStatusåQšè„P代å˜é‡çš„å称åQŒç”¨æ¥è¡¨½Cø™„P代的状æ€ï¼Œå¯ä»¥è®‰K—®åˆ°è„P代自íw«çš„ä¿¡æ¯ã€?/strong>
l beginåQšå¦‚果指定了itemsåQŒé‚£ä¹ˆè„P代就从items[begin]开始进行è„P代；如果没有指定itemsåQŒé‚£ä¹ˆå°±ä»Žbegin开始è„P代。它的类型äØ“æ•´æ•°ã€?/strong>
l endåQšå¦‚果指定了itemsåQŒé‚£ä¹ˆå°±åœ¨items[end]¾l“柘q代åQ›å¦‚果没有指定itemsåQŒé‚£ä¹ˆå°±åœ¨end¾l“柘q代。它的类型也为整数ã€?/strong>
l stepåQšè„P代的æ¥é•¿ã€?/strong>
<c:forEach>æ ‡ç¾çš„items属性支æŒJavaòq›_°æ‰€æä¾›çš„æ‰€æœ‰æ ‡å‡†é›†åˆç±»åž‹ã€‚æ¤å¤–，您å¯ä»¥ä‹É用该æ“作æ¥è„P代数¾l„（包括基本¾cÕdž‹æ•°ç»„åQ‰ä¸çš„å…ƒç´ ã€‚å®ƒæ‰€æ”¯æŒçš„集åˆç±»åž‹ä»¥åŠè„Pä»£çš„å…ƒç´ å¦‚ä¸‹æ‰€½Cºï¼š
l java.util.CollectionåQšè°ƒç”¨iterator()æ¥èŽ·å¾—çš„å…ƒç´ ã€?/strong>
l java.util.MapåQšé€šè¿‡java.util.Map.Entry所获得的实例ã€?/strong>
l java.util.IteratoråQšè„Pä»£å™¨å…ƒç´ ã€?/strong>
l java.util.EnumerationåQšæžšä¸‘Ö…ƒç´ ã€?/strong>
l Object实例数组åQšæ•°¾l„å…ƒç´ ã€?/strong>
l 基本¾cÕdž‹å€¼æ•°¾l„：¾l过包装的数¾l„å…ƒç´ ã€?/strong>
l 用逗å·å®šç•Œçš„StringåQšåˆ†å‰²åŽçš„åå—符丌Ӏ?/strong>
l javax.servlet.jsp.jstl.sql.ResultåQšSQL查询所获得的行ã€?/strong>
ä¸è®ºæ˜¯å¯¹æ•´æ•°˜q˜æ˜¯å¯šw›†åˆè¿›è¡Œè„P代， <c:forEach>çš„varStatus属性所èµïLš„作用相åŒã€‚å’Œvar属性一æ øP¼ŒvarStatus用于创å¾é™å®šäº†ä½œç”¨åŸŸçš„å˜é‡ï¼ˆæ”¹å˜é‡åªåœ¨å½“å‰æ ‡½{¾ä½“内è“v作用åQ‰ã€‚丘q‡ï¼Œç”±varStatus属性命åçš„å˜é‡òq¶ä¸å˜å‚¨å½“å‰ç´¢å¼•å€¼æˆ–当å‰å…ƒç´ åQŒè€Œæ˜¯èµ‹äºˆjavax.servlet.jsp.jstl.core.LoopTagStatus¾cÈš„实例。该¾cÕdŒ…å«äº†ä¸€¾pÕdˆ—的特性，它们æ述了è„P代的当å‰çŠ¶æ€ï¼Œå¦‚下˜q™äº›å±žæ€§çš„å«ä¹‰å¦‚下所½Cºï¼š
l currentåQšå½“å‰è¿™‹Æ¡è„P代的åQˆé›†åˆä¸çš„）™åV€?/strong>
l indexåQšå½“å‰è¿™‹Æ¡è„P代从0开始的˜q代索引ã€?/strong>
l countåQšå½“å‰è¿™‹Æ¡è„P代从1开始的˜q代计数ã€?/strong>
l firståQšç”¨æ¥è¡¨æ˜Žå½“å‰è¿™è½®è„P代是å¦äØ“½W¬ä¸€‹Æ¡è„P代，该属性äØ“boolean¾cÕdž‹ã€?/strong>
l laståQšç”¨æ¥è¡¨æ˜Žå½“å‰è¿™è½®è„P代是å¦äؓ最åŽä¸€‹Æ¡è„P代，该属性äØ“boolean¾cÕdž‹ã€?/strong>
l beginåQšbegin属性的倹{€?/strong>
l endåQšend属性的å€?/strong>
l stepåQšstep属性的å€?/strong>
下颞®±æ¥çœ‹ä¸€ä¸ªä¸ªåŸºæœ¬çš„例åï¼Œè¡¨æ ¼éš”è¡ŒèƒŒæ™¯è‰²å˜åŒ?
<c:forEach var="item" items="${contents}" varStatus="status">
<tr <c:if test="${status.count%2==0}">bgcolor="#CCCCFE" </c:if> align="left">
xxx </tr>
</c:forEach>
艾æ‡L 2009-11-13 12:57 å‘表评论
]]>