`
yl.fighter
  • 浏览: 257891 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 应用收集 供自己查看

    博客分类:
  • Web
阅读更多
1.单选,复选框提交
注:复选框内容是以type=XX&type=XX的形式提交
 
var form = document.getElementById("testForm");
var personalize = 1;
var i = 0;
for (i=0; i<form.personalize.length; i++){
    if (form.personalize[i].checked){
	personalize = form.personalize[i].value;
	break;
    }
}


2.js提交表单
1) input-button
2) 然后onclick事件调用 window.open(url); 的形式提交

3.js转换字符为数值
parseInt(string) parseFloat(string)

4.input输入框改变 即时获取 事件
IE : oninput
FF & Chrome : onpropertychange
我的解决方案是 都写...

5.正则
var patrn= //; 
if(patrn.exec(str)) return true;

a.全数字(包括正负,小数) :
/^[-]?\d+(\.\d+)?$/

b.手机号码:
/^1[3,4,5,8]\d{9}$/

c.邮政编码:
/[1-9]\d{5}(?!\d)/

d.Email:
/^(?:\w+\.?)*\w+@(?:\w+\.?)*\w+$/

e.匹配不包含"<?"开头, 但包含“php”的字符
/^(?!(\<\?)).*?php.*/


6.获取键盘回车事件
 var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
  if (keyCode == 13) {
   //处理函数
  } 

7.替换文本框中的空格
replace(/\s+/g, "&nbsp;")

8.跨域请求Access-Control-Allow-Origin
在响应的action中添加: response.addHeader("Access-Control-Allow-Origin", "http://www.xxx.com:8080");

8. IE下显示PNG图片的JS
function correctPNG() {
	for ( var i = 0; i < document.images.length; i++) {
		var img = document.images[i];
		var imgName = img.src.toUpperCase();
		if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") {
			var imgID = (img.id) ? "id='" + img.id + "' " : "";
			var imgClass = (img.className) ? "class='" + img.className + "' "
					: "";
			var imgTitle = (img.title) ? "title='" + img.title + "' "
					: "title='" + img.alt + "' ";
			var imgStyle = "display:inline-block;" + img.style.cssText;
			if (img.align == "left")
				imgStyle = "float:left;" + imgStyle;
			if (img.align == "right")
				imgStyle = "float:right;" + imgStyle;
			if (img.parentElement.href)
				imgStyle = "cursor:hand;" + imgStyle;
			var strNewHTML = "<span " + imgID + imgClass + imgTitle
					+ " style=\"" + "width:" + img.width + "px; height:"
					+ img.height + "px;" + imgStyle + ";"
					+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
					+ "(src=\'" + img.src
					+ "\', sizingMethod='scale');\"></span>";
			img.outerHTML = strNewHTML;
			i = i - 1;
		}
		;
	}
	;
};

if(navigator.userAgent.indexOf("MSIE")>-1) {
	window.attachEvent("onload", correctPNG);
};


9. 获取option的value和text
1、获取下拉菜单的Option的Value值
select.value
2、获取下拉菜单的Option的Text值
select.options[select.selectedIndex].text



10.获取radio选中值
$("input[name='PId']:checked").val(); 


11.限制input输入框文字的长度
	document.getElementById("wz").onkeyup=function(){limit(this,12)}
	function limit(obj, limit) {
	    var val = obj.value;
	    if (len(val) > limit) {
	        val=val.substring(0,limit);
	        while (len(val) > limit){
	            val = val.substring(0, val.length - 1);
	        };
	        obj.value = val;
	    }
	}



11.修剪字符串
function   trim(s){ 
if(s.length> 0){ 
if(s.charAt(0)== "   ") 
s=s.substring(1,s.length); 
if(s.charAt(s.length-1)== "   ") 
s=s.substring(0,s.length-1); 
//alert(s.charAt(0)== "   "||s.charAt(s.length-1)== "   "); 
if(s.charAt(0)== "   "||s.charAt(s.length-1)== "   ") 
return   trim(s); 
} 
return   s; 
} 

String.prototype.trim= function(){  
    // 用正则表达式将前后空格  
    // 用空字符串替代。  
    return this.replace(/(^\s*)|(\s*$)/g, "");  
}



12.实现js的replaceAll方法
String.prototype.replaceAll  = function(s1,s2){   
return this.replace(new RegExp(s1,"gm"),s2);   
}


$(document).ready(function(){}) 与$(function(){})是有区别的:

第一个是在文档加载完毕后才去调用function, 第二个是直接使用Jquery调用function

13.Jquery Ajax 返回 Error 错误

<a id="click" href="javascript:;" onclick="add();"></a> 
add()方法调用了ajax异步获取数据, 但是无论如何都是返回error, 方法执行了, 服务器端数据也更新了. 就是返回error. 
最后发现问题是 href="javascript:;", 
改为 href="#"就好了

14.fancybox关闭时候,刷新父类页面
'callbackOnClose':function(){window.location.href=window.location.href;}


15.倒计时 执行任务
var timer;
if(timer){
 clearInterval(timer);
}
timer=setInterval("hidePlayer()",time);

一定要 将设置 保存在变量中 方便中断.

15.字符串转数字, 数字转字符串
var number = string_value -0;
var n_as_string = n + "";
分享到:
评论

相关推荐

    为您的Nuxtjs应用程序提供基本身份验证

    在构建Web应用程序时,安全性和用户身份验证是至关重要的组件,尤其是在使用现代JavaScript框架如Nuxt.js时。Nuxt.js是基于Vue.js的服务器端渲染框架,它为开发者提供了便捷的方式来构建可扩展、高性能的SPA(单页...

    基于JavaScript的验证表单通用方案的设计与应用.pdf

    "基于JavaScript的验证表单通用方案的设计与应用" 一、引言 在Web应用中,表单是实现用户交互式访问的重要接口。通过添加JavaScript,可以增加表单的动态交互性、验证用户输入的数据等。本文将介绍一种基于...

    使用纯JavaScript构建前端Web应用程序(Gerd Wagner)Building Front-End Web Apps with Plain JavaScript (Gerd Wagner)

    在探讨纯JavaScript构建前端Web应用程序的知识点前,首先要了解前端开发的基础概念和历史发展。本书提供了对这些基础知识的介绍,并以此作为构建无框架前端应用的起点。 世界广域网(WWW)是互联网中提供网页服务的...

    JavaScript收集

    在本"JavaScript收集"中,我们涵盖了几个关键的知识点,包括表单验证、多级下拉列表的实现、后台框架的应用以及InputBoxCalendar的实例。 1. **表单验证**: 表单验证是JavaScript的一个核心应用场景,用于在用户...

    个人收集的各种漂亮javascript日历

    对于JavaScript初学者来说,这是一个很好的实践和学习资源,可以通过阅读和分析代码来提升自己的技能。同时,对于有经验的开发者,这些日历控件可以作为快速集成到项目中的组件,节省开发时间。

    Blob.js&Export2Excel;.js

    这里,我们将深入探讨如何利用Blob.js和Export2Excel.js这两个JavaScript库来实现这个功能。 首先,Blob.js是一个JavaScript库,它提供了在浏览器端创建Blob对象的能力。Blob对象在Web API中被用来表示不可变的原始...

    Node.js-up.js.cool基于wresuetime的一个监控系统

    在IT行业中,Node.js是一个非常流行的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程。本文将深入探讨基于`up.js.cool`的监控系统,该系统是建立在`wresuetime`基础之上的。这个监控系统对于理解...

    Node.js-Scouter是一个开源的AndroidAPM应用性能监测工具

    Node.js-Scouter是一款专为Android应用程序设计的开源APM(应用程序性能监控)工具,它扩展了Scouter项目的功能,使其能够对运行在Node.js环境中的服务进行性能监控。APM是信息技术领域的一个关键概念,它关注的是...

    Node.js入门经典pdf及书中源代码

    Node.js是一套用来编写高性能网络服务器的JavaScript工具包,Node.js入门经典采用直观、循序渐进的方法对如何使用Node.js来开发及具速度和可扩展性优势的服务器端应用程序进行了讲解。  《Node.js入门经典》分为6...

    网上收集的JS,还不错

    标题中的“网上收集的JS,还不错”表明这是一个包含多种JavaScript示例或实用脚本的集合。这些文件可能是从网络上不同来源搜集来的,用于展示JavaScript在网页开发中的各种功能和应用。 描述中提到的“博文链接:...

    JavaScript_现在我们已经变得非常大,与最初的想法不同,收集各种类别的高级软件.zip

    JavaScript,一种广泛应用于Web开发的脚本语言,已经成为现代互联网技术不可或缺的一部分。它最初由网景公司的Brendan Eich设计,初衷是为了让网页具备动态交互性,但随着时间的推移,JavaScript的发展远超其最初的...

    本人做设计师5年收集的几百个js特效 jquery特效

    首先,JavaScript(简称JS)是一种轻量级的解释型编程语言,主要应用于网页和网络应用开发。它的主要功能包括数据操作、事件处理、页面动态更新等。在网页中,JS可以用于验证用户输入、控制多媒体、创建动画效果等,...

    zxdc_js.rar_javascript_调查

    标题中的"zxdc_js.rar_javascript_调查"表明这是一个关于JavaScript实现的在线调查系统的压缩文件。这个系统可能是由JavaScript编程语言编写的,用于创建互动式的调查问卷,供用户在线填写和提交。 在描述中提到,...

    Unity资源导出成json文件供网页加载

    Unity使用自己的序列化系统来存储对象数据,而ThreeJS和AFrame则需要特定的JSON格式,如`three.js`的`JSONLoader`或`GLTFLoader`所期望的格式。这通常涉及到将Unity的变换数据(位置、旋转、缩放)、网格数据、材质...

    搜集的SQL,java,JS,以及JS的例子资料

    包含了SQL+参考手册》中文版,Web应用程序开发编程经验小积累,CoreJava笔记.docSQL语法祥解,107个常用Javascript语句,还有js的很多例子,供学习。搜集的自认为很好,大家分享!

    国外漂亮的JS展示特效.rar

    这个压缩包很可能是收集了一些由国外开发者创建的优秀JavaScript特效代码示例,供学习和参考。 首先,我们要理解JS特效的基本原理。在网页中,JS通过操作DOM(文档对象模型)来改变页面内容和样式。例如,它可以...

    小程序 WebViewJS应用源码.rar

    免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,...

    10js款网页代码,很实用

    这个文件名表明压缩包中包含的是10个JavaScript代码实例,可能是一个个独立的脚本或代码段,供开发者在自己的网页项目中直接引用或学习。每个实例可能对应一个特定的网页功能,例如滑动菜单、轮播图、计时器、表单...

    JavaScript_收集了超过23000个免费的图标,用于各种设计项目.zip

    在这个名为"JavaScript_收集了超过23000个免费的图标,用于各种设计项目.zip"的压缩包中,包含了一个丰富的图标资源库,特别适合用于JavaScript驱动的网页或应用的设计项目。这些图标可能是SVG、PNG或其他格式,易于...

    仿fir应用分发平台搭建教程 源码 FTP工具

    "仿fir应用分发平台搭建教程 源码 FTP工具" 提供了一种方法来创建类似fir.im这样的自定义应用分发服务,它可以帮助开发者更加自主地管理自己的应用版本和测试流程。以下是对这个主题的详细讲解: 1. **fir.im简介**...

Global site tag (gtag.js) - Google Analytics