前端技巧集锦-优快云博客


0.链接css文件和js文件    
<link rel="stylesheet" href="../css/style.css" type="text/css">    
<script language="javascript" src="../includes/jslib.js" ></script> 

1.关闭输入法    

 <input style="ime-mode:disabled"> 

2.光标是停在文本框文字的最后    

<script language="javascript">    
function cc()    
{    
   var e = event.srcElement;    
   var r =e.createTextRange();    
   r.moveStart('character',e.value.length);    
   r.collapse(true);    
   r.select();    
}    
</script>    
<input type=text name=text1 value="123" onfocus="cc()">   

 3.最小化、最大化、关闭窗口    

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
<param name="Command" value="Minimize"></object>    
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">    
<param name="Command" value="Maximize"></object>    
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">    
<PARAM NAME="Command" VALUE="Close"></OBJECT>    

<input type=button value=最小化 onclick=hh1.Click()>    
<input type=button value=最大化 onclick=hh2.Click()>    
<input type=button value=关闭 onclick=hh3.Click()>    
本例适用于IE    

4. 检查一段字符串是否全由数字组成    

<script language="Javascript">
<!--    
function checkNum(str){return str.match(/\D/)==null}    
// -->
</script>   

5. 获得一个窗口的大小    

document.body.clientWidth,document.body.clientHeight

6. 各种样式的光标    

auto ：标准光标    
default ：标准箭头    
hand ：手形光标    
wait ：等待光标    
text ：I形光标    
vertical-text ：水平I形光标    
no-drop ：不可拖动光标    
not-allowed ：无效光标    
help ：?帮助光标    
all-scroll ：三角方向标    
move ：移动标    
crosshair ：十字标    
e-resize    
n-resize    
nw-resize    
w-resize    
s-resize    
se-resize    
sw-resize  

7.让TEXTAREA自适应文字的行数    

<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

8. 日期减去天数等于第二个日期    
<script language="javascript">    
	function cc(dd,dadd)    
	{    
	//可以加上错误处理    
	   var a = new Date(dd)    
	   a = a.valueOf()    
	   a = a - dadd * 24 * 60 * 60 * 1000    
	   a = new Date(a)    
	   alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")    
	}    
	cc("12/23/2002",2)    
</script>

9.ENTER键可以让光标移到下一个输入框    

<input onkeydown="if(event.keyCode==13)event.keyCode=9">    


10.常用的正则表达式    

匹配中文字符的正则表达式： [\u4e00-\u9fa5]    
匹配双字节字符(包括汉字在内)：[^\x00-\xff]    
匹配空行的正则表达式：\n[\s| ]*\r    
匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/    
匹配首尾空格的正则表达式：(^\s*)|(\s*$)    
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*    
匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?    

(1)应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）            
    String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}    

(2)应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现    
   String.prototype.trim = function()    
   {    
      return this.replace(/(^\s*)|(\s*$)/g, "");    
   }    
(3)应用：利用正则表达式分解和转换IP地址    
   function IP2V(ip) //IP地址转换成对应数值    
   {    
      re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式    
      if(re.test(ip))    
      {    
         return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1    
      }    
      else   
      {    
         throw new Error("Not a valid IP address!")    
      }    
   }    
(4)应用：从URL地址中提取文件名的javascript程序    
   s="http://www.9499.net/page1.htm";    
   s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2") ; //Page1.htm    
(5)应用：利用正则表达式限制网页表单里的文本框输入内容    
   用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"   
   用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"   
   用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"   
   用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 


11.判断是否是整数    
function IsNum(s)  //整数    
{    
   if(s=="null"||s=="undefined"||s.length<1)    
      return false;    
   if(isNaN(parseInt(s)))    
      return false;    
   else   
   if((parseInt(s)+"").length!=s.length)    
      return false;    
   else   
      return true;    
}    

function IsNumber(JudgeNum){  //判断大于0的数    
   var JudgeStr=JudgeNum.toString();    
   for (var i=0;i<JudgeStr.length;i++) {    
      var oneChar=JudgeStr.charAt(i);    

      if (oneChar<"0" || oneChar >"9"){    
         return false;    
      }    
   }    
   return true;    
}  


12.打开没有最大化按钮的窗口    
window.open("http://www.google.com","","width=250,height=220,scrollbars=no,resizable=no,center=yes");    

13.层的隐藏与显示    

   只要设置层的style的display属性即可。 
   比如<div style="display:none" id="divTest">隐藏的层</div>    
   如果要显示它可以通过脚本来控制。例如divTest.style.display = "";  
   或者  window.document.getElementById("MyDiv").style.display = "";  


14.禁止右键    

<body oncontextmenu="return false"> 


15.得到当前显示器的分辨率    

window.srceen.width 得到屏幕的宽度    
window.srceen.height 得到屏幕的高度   

16.定时运行特定代码    

setTimeout(Code,Timeout);   是从现在算起多少微秒后运行该代码（只运行一次）    
setInterval(Code,Timeout);  是每隔多少微秒运行一次代码    
Code是一段字符串，里边是js代码，Timeout是时间间隔，单位是微秒    

<input name="txtTimer" value="10秒">    
<SCRIPT LANGUAGE="javascript">    
<!--    
    waitTime=10000; //10 秒    
    timer=setInterval("OnTimer()",1000);    

    function OnTimer(){    
        waitTime=waitTime-1000;    
        if(waitTime==0){    
            window.close();    
        }    
        txtTimer.value=waitTime/1000+"秒";    
    }    
//-->    
</SCRIPT>  

17.得到本页网址    

var Url = window.location.href; 


18.IE地址栏前换成自己的图标
 <link rel="Shortcut Icon" href="favicon.ico">
javascript学习
