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

所用过的JS

阅读更多

 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"  />

 

分享到:
评论

相关推荐

    threejs 光效shader所用图片 2

    threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2...

    threejs 光效shader所用图片 1

    threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1...

    JS_RSA_DEMO 所用JS资源(RSA.js BigInt.js, Barrett.js)

    JavaScript RSA_DEMO 使用的资源包括 RSA.js、BigInt.js 和 Barrett.js 这三个核心文件,以及一个集成这三者的 rsa1.js 文件。RSA 是一种非对称加密算法,广泛应用于网络数据的安全传输,如数字签名、身份验证等场景...

    即时通所用的js

    在Web应用中,JavaScript(JS)作为客户端脚本语言,经常被用来实现即时通讯功能,因为其在浏览器端运行,能够与用户进行交互并处理实时数据更新。下面将详细探讨即时通讯系统中JavaScript的运用及其关键技术点。 ...

    日历,及其所用的js

    本文将详细探讨"日历及其所用的js"这一主题,主要聚焦于JavaScript(js)在创建日历功能中的应用。 首先,JavaScript是一种广泛使用的客户端脚本语言,它允许在用户的浏览器上运行代码,为网页添加交互性。在日历...

    异步数据加载时,所用的等待组件,JS源码,类似于UI Block

    "异步数据加载时,所用的等待组件,JS源码,类似于UI Block"这个标题揭示了一个关键的组件,它在数据加载期间用于阻止用户界面(UI)的交互,确保数据完整加载后再恢复正常操作。这种组件通常被称为“加载指示器”或...

    Selenium Core实例所用的JavaScript代码

    从给定的文件信息来看,我们正在探讨的主题是Selenium Core在执行自动化测试时所使用的JavaScript代码。Selenium Core是一个用于Web应用程序测试的框架,它允许开发者编写脚本以模拟用户与网页的交互,从而进行功能...

    websocket连接MQTT服务器所用的js文件——mqtt.js和mqtt.min.js

    mqtt.js库,下载后可以用找我要源码和压缩文件(mqtt.min.js),有问题随时请教

    h5结合vue开发所用的js

    h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包

    框架知识1所用jar包和js文件.zip

    “框架知识1所用js文件”可能包括: 1. 前端框架:如jQuery.js,提供DOM操作、事件处理、动画效果等功能。 2. UI组件库:如Bootstrap的bootstrap.js,包含响应式布局和常见UI元素。 3. AJAX库:如axios.js,用于异步...

    破解微信小程序开发者工具所用的js文件下载

    破解微信小程序开发者工具所用的js文件下载 替换目录(不同操作系统目录可能不同,在安装目录下很容易找到): package.nw\app\dist\stroes package.nw\app\dist\components\create

    ArcGisForJs部署所用js及其部分实例

    在ArcGisForJs中,`dojo.js`是Dojo Toolkit的基础,它是一个强大的JavaScript库,提供了模块化、事件处理、动画等功能,为ArcGisForJs提供了坚实的底层支持。而`init.js`文件通常包含了初始化地图和设置全局变量的...

    jkl-dumper.js和ObjTree.js (json与xml格式转换所用插件 )

    本篇将详细讲解如何利用`jkl-dumper.js`和`ObjTree.js`这两个JavaScript插件来实现JSON与XML之间的格式转换。 首先,`jkl-dumper.js`是一个JavaScript库,主要用于将JavaScript对象转换为可读性强的字符串,便于...

    二维码所用js插件,utf.js用于二维码可以存中文

    在JavaScript环境下,为了实现二维码中包含中文字符,我们需要借助特定的库或插件,如本话题中提到的"utf.js"。这个插件允许我们在生成的二维码中使用UTF-8编码,确保中文字符能够正确地被编码和解码。 首先,我们...

    draco 文件 three.js 解析glb所用

    标题中的“draco 文件 three.js 解析glb所用”指出了Three.js库如何处理使用draco压缩格式的glb文件。glb是一种二进制文件格式,它是GL Transmission Format (gltf)的压缩版本,用于存储3D场景和模型的数据,包括...

    ecahrts离线地图绘制所用js和json文件

    ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,美观的视觉效果,以及易于使用的API和灵活的配置项。在离线环境中使用ECharts进行地图绘制时,通常会涉及到js和json文件,这些...

    SSH所用jar包

    此外,可能还需要其他辅助库,如Freemarker或Velocity作为视图模板引擎,或者Dojo、jQuery等JavaScript库来增强前端交互。 在版本选择上,"2.3"和"3.0"可能是Struts和Hibernate的版本号,这表明提供的jar包可能适用...

    javascript实现注册表单

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它在客户端运行,为用户提供动态、交互式的用户体验。在这个“javascript实现注册表单”的项目中,我们将会探讨如何使用JavaScript来创建一个功能丰富的...

    ESC的使用说明,javascript的一种压缩工具类,js压缩

    作用:可以对javascript的大小进行压缩。使javascript的加载速度变快。 用法: 在 cmd下面输入的东西; cscript ESC.wsf -l 3 -ow ../global.js ...所用压缩包在附件 还有帮助文档 使用的例子见压缩包中的图片。

    video.js在线自适应视频播放器.rar_html5 flash_html5 视频_videojs 自适应_在线 自适应 视

    7. `font` 文件夹可能包含video.js播放器图标所用的字体资源。 综合以上信息,这个压缩包提供了创建一个全面、自适应的在线视频播放器所需的所有资源,包括HTML5和Flash的播放支持、自适应布局、字幕功能以及可定制...

Global site tag (gtag.js) - Google Analytics