`
xcc258
  • 浏览: 72308 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

所用过的JS

IEJavaScriptJSPWindows浏览器 
阅读更多

 1：简单的JS验证手机号码：

 function isTel(objectName){
            var num=objectName.value;
             var partten = /^1\d{10}$/;
             if(partten.test(num)){
              alert('是电话号码');
              return true;
             }else{
              alert('不是电话号码');
              return false;
             }
      }

 

2：trim函数：

 

function trim(arg){
    if(arg.length==0){
      return '';
    }
    for(var i=0;i<arg.length;i++){
      var onechar=arg.charAt(i);
      if(onechar!=' '){
        break;
      }
    }
    arg=arg.substring(i,arg.length);
    if(arg.length==0){
      return '';
    }
    for(var i=arg.length;i>0;i--){
      var onechar=arg.charAt(i-1);
      if(onechar!=' '){
        break;
      }
    }
    arg=arg.substring(0,i);
    return arg;
  }

 

3：判断是否为空

function isNullOrBlank(arg){
    arg=trim(arg+' ');
    if(arg.length==0){
      return true;
    }
    else{
        return false;
    }
  }

 

4：监听键盘上按键所触发的事件：

$(function(){
	$(document).keypress(function(){
		enterHandler(window.event);
	});
});

function enterHandler(event){
	//var event=eventTag||windows.event; 
	event = (event) ? event : ((window.event) ? window.event : "")
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which
			: event.charCode;
	alert('keycode----'+keyCode);		
	if (keyCode == 46) {
		delReceiver();
	}
}

 

 其中keyCode就是按键所对应的按键值，通过判断按键值可以做一些你想要的操作。46为delete键,另外我发现当使用keypress事件时只能捕捉到小键盘区域的.(Del)键，但是如果用keydown事件就能捕捉到insert键下面的Delete键。。。

另附：

键盘键值表原地址：http://hi.baidu.com/giliwala/blog/item/97659c3d78974c00baa1678a.html

 

5:弹出窗口向页面传值

首先是window.open()方法传值：

window.opener.document.getElementById("receivers");

 其次是window.showModalDialog()方法：

window.dialogArguments.document.getElementById("receivers");

 

 

6:全选效果：

首先在页面中定义一系列的名称为checkList的复选框，然后将其中一个

 <input type="checkbox" id="checkAll12" name="checkList" onclick='javascript:selectAll();'/>

 

 定义为触发全选事件的复选框。JS如下：

function selectAll(){

	  var t=document.getElementsByName("checkList");
			if(t.length>1&&t[0].checked){
				for(i=0;i<=(t.length-1);i++){
					t[i].checked=true;
				}
			}else if(t[0].checked == false){
				for(i=0;i<=(t.length-1);i++){
					t[i].checked=false;
				}
	 	}
   }

 

JS中t[0]就是你所定义的触发全选事件的复选框。附加一个取得所有复选框的值，并合并成一个字符串的JS：

function clearAllSM(){
	 var t=document.getElementsByName("checkList");
	 var str="";
	 for(i=0;i<=(t.length-1);i++){
	 	if(t[i].checked==true){
	 		str=str+t[i].value+"@";
	 	}
	 }

	 if(str==""){
	 	alert("请选择删除的选项");
	 }else{
		 if(str.indexOf("on")>-1){
     		str=str.substring(3,str.length);
     	}

	 	if(!confirm("确认删除选中的选项吗？")){
         return;
     	}
	 	document.location.href="P334_batchdelete.jsp?strrr="+str;
	 }
   }

 

7:页面全屏效果：

第一种，从另外页面调用JS，使新打开的页面全屏：

function newwindow(url)
{

		var x=screen.availwidth-10;
		var y=screen.availheight-25;
		var s=open(url,"","fullscreen=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width="+x+",height="+y+",top=0,left=0");
		if (!s)
			alert("您的浏览器启动了禁止弹出窗口的功能，运行本系统需关闭此功能！");
		else
		{
			this.focus();
			this.opener=null;
			this.close();
			s.focus();
		}
	}

 第二种：在本页面加载的时候，调用JS使本页面全屏，不过此方法限制颇多，在本机上和IE上效果尚可，其他情况下就不甚理想了。

function goResize() { 
	var x=screen.availwidth-10;
	var y=screen.availheight-25;
    if(this.name!='FullWnd'){                             
	  window.open(location.href,'FullWnd','fullscreen=yes,scrollbars=no,toolbar=no,location=no,menubar=no,directories=no,resizable=yes,width='+x+',height='+y+',top=0,left=0');       
	  this.parent.opener=null;   
	  this.parent.open("","_self");  
	  this.parent.close();     
  }   
}  

<body onload="goResize()">

 8:大家有时候可能需要时复选框不可编辑，但又要取的它的值，所以用disabled是不行的，readonly却又可以编辑，在网上找到了一种解决办法：

<input type="checkbox" onclick="return false;">

 9:禁止页面点击右键出现菜单：

<body oncontextmenu="return false">

 

10:禁止用户输入特殊字符：

<input type="text" id="fwry" style="width:200px;" onkeyup="value=value.replace(/[%|#|\$|@|\^|&|\*]+$/g,'')" maxlength="20"  />

 

分享到：
| html 中遇到的小问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics