登 录
0.链接css文件和js文件<br /> <link rel="stylesheet" href="../css/style.css" mce_href="css/style.css" type="text/css"><br /> <mce:script language="javascript" src="../includes/jslib.js" mce_src="includes/jslib.js" ></mce:script> </p> <p>1.关闭输入法 </p> <p> <input style="ime-mode:disabled" mce_style="ime-mode:disabled"> </p> <p>2.光标是停在文本框文字的最后 </p> <p><mce:script language="javascript"><!--</p> <p>function cc()<br /> {<br /> var e = event.srcElement;<br /> var r =e.createTextRange();<br /> r.moveStart('character',e.value.length);<br /> r.collapse(true);<br /> r.select();<br /> }<br /> // --></mce:script><br /> <input type=text name=text1 value="123" onfocus="cc()"> </p> <p> 3.最小化、最大化、关闭窗口 </p> <p><object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><br /> <param name="Command" value="Minimize"></object><br /> <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><br /> <param name="Command" value="Maximize"></object><br /> <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><br /> <PARAM NAME="Command" VALUE="Close"></OBJECT> </p> <p><input type=button value=最小化 onclick=hh1.Click()><br /> <input type=button value=最大化 onclick=hh2.Click()><br /> <input type=button value=关闭 onclick=hh3.Click()><br /> 本例适用于IE </p> <p>4. 检查一段字符串是否全由数字组成 </p> <p><mce:script language="Javascript"><!--</p> <p>function checkNum(str){return str.match(//D/)==null}<br /> // --></mce:script> </p> <p>5. 获得一个窗口的大小 </p> <p>document.body.clientWidth,document.body.clientHeight</p> <p>6. 各种样式的光标 </p> <p>auto ：标准光标<br /> default ：标准箭头<br /> hand ：手形光标<br /> wait ：等待光标<br /> text ：I形光标<br /> vertical-text ：水平I形光标<br /> no-drop ：不可拖动光标<br /> not-allowed ：无效光标<br /> help ：?帮助光标<br /> all-scroll ：三角方向标<br /> move ：移动标<br /> crosshair ：十字标<br /> e-resize<br /> n-resize<br /> nw-resize<br /> w-resize<br /> s-resize<br /> se-resize<br /> sw-resize </p> <p>7.让TEXTAREA自适应文字的行数 </p> <p><textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"><br />
8. 日期减去天数等于第二个日期<br /> <mce:script language="javascript"><!--</p> <p> function cc(dd,dadd)<br /> {<br /> //可以加上错误处理<br /> var a = new Date(dd)<br /> a = a.valueOf()<br /> a = a - dadd * 24 * 60 * 60 * 1000<br /> a = new Date(a)<br /> alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")<br /> }<br /> cc("12/23/2002",2)<br /> // --></mce:script></p> <p>9.ENTER键可以让光标移到下一个输入框 </p> <p><input onkeydown="if(event.keyCode==13)event.keyCode=9"> </p> <p>10.常用的正则表达式 </p> <p>匹配中文字符的正则表达式： [/u4e00-/u9fa5]<br /> 匹配双字节字符(包括汉字在内)：[^/x00-/xff]<br /> 匹配空行的正则表达式：/n[/s| ]*/r<br /> 匹配HTML标记的正则表达式：/<(.*)>.*<///1>|<(.*) //>/<br /> 匹配首尾空格的正则表达式：(^/s*)|(/s*$)<br /> 匹配Email地址的正则表达式：/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*<br /> 匹配网址URL的正则表达式：http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)? </p> <p>(1)应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）<br /> String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;} </p> <p>(2)应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现<br /> String.prototype.trim = function()<br /> {<br /> return this.replace(/(^/s*)|(/s*$)/g, "");<br /> }<br /> (3)应用：利用正则表达式分解和转换IP地址<br /> function IP2V(ip) //IP地址转换成对应数值<br /> {<br /> re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g //匹配IP地址的正则表达式<br /> if(re.test(ip))<br /> {<br /> return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1<br /> }<br /> else<br /> {<br /> throw new Error("Not a valid IP address!")<br /> }<br /> }<br /> (4)应用：从URL地址中提取文件名的javascript程序<br /> s="http://www.9499.net/page1.htm";<br /> s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2") ; //Page1.htm<br /> (5)应用：利用正则表达式限制网页表单里的文本框输入内容<br /> 用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"<br /> 用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"<br /> 用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"<br /> 用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" </p> <p>11.判断是否是整数<br /> function IsNum(s) //整数<br /> {<br /> if(s=="null"||s=="undefined"||s.length<1)<br /> return false;<br /> if(isNaN(parseInt(s)))<br /> return false;<br /> else<br /> if((parseInt(s)+"").length!=s.length)<br /> return false;<br /> else<br /> return true;<br /> } </p> <p>function IsNumber(JudgeNum){ //判断大于0的数<br /> var JudgeStr=JudgeNum.toString();<br /> for (var i=0;i<JudgeStr.length;i++) {<br /> var oneChar=JudgeStr.charAt(i); </p> <p> if (oneChar<"0" || oneChar >"9"){<br /> return false;<br /> }<br /> }<br /> return true;<br /> }<br />
12.打开没有最大化按钮的窗口<br /> window.open("http://www.google.com","","width=250,height=220,scrollbars=no,resizable=no,center=yes"); </p> <p>13.层的隐藏与显示 </p> <p> 只要设置层的style的display属性即可。<br /> 比如<div style="display:none" mce_style="display:none" id="divTest">隐藏的层</div><br /> 如果要显示它可以通过脚本来控制。例如divTest.style.display = "";<br /> 或者 window.document.getElementById("MyDiv").style.display = ""; </p> <p>14.禁止右键 </p> <p><body oncontextmenu="return false"> </p> <p>15.得到当前显示器的分辨率 </p> <p>window.srceen.width 得到屏幕的宽度<br /> window.srceen.height 得到屏幕的高度 </p> <p>16.定时运行特定代码 </p> <p>setTimeout(Code,Timeout); 是从现在算起多少微秒后运行该代码（只运行一次）<br /> setInterval(Code,Timeout); 是每隔多少微秒运行一次代码<br /> Code是一段字符串，里边是js代码，Timeout是时间间隔，单位是微秒 </p> <p><input name="txtTimer" value="10秒"><br /> <SCRIPT LANGUAGE="javascript"><br /> <!--<br /> waitTime=10000; //10 秒<br /> timer=setInterval("OnTimer()",1000); </p> <p> function OnTimer(){<br /> waitTime=waitTime-1000;<br /> if(waitTime==0){<br /> window.close();<br /> }<br /> txtTimer.value=waitTime/1000+"秒";<br /> }<br /> //--><br /> </SCRIPT> </p> <p>17.得到本页网址 </p> <p>var Url = window.location.href; </p> <p>18.IE地址栏前换成自己的图标<br /> <link rel="Shortcut Icon" href="favicon.ico" mce_href="favicon.ico"> </p> <p>
抱歉!评论已关闭.