rockyxia
7年前 (2017-06-01) 7967浏览
摘要
收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。表单验证处理必备,赶紧收藏吧!
1 用户名正则
//用户名正则,4到16位(字母,数字,下划线,减号)
var uPattern = /^[a-zA-Z0-9_-]{...
rockyxia
7年前 (2016-07-28) 6098浏览
写在前面
类class这个概念,在其他编程语言中很早就实现了,而JavaScript语言并没有实现,一直以来,开发者都是使用函数function和原型prototype来模拟类class实现面向对象的编程。
接下来的学习,前端君默认大家都了解传统的模拟类的写法,如果你已经忘记了,ES6系列的第九节有介绍JavaScript的面向对象,点击可以查看。
现在,ES6给我们带来了好消息,它给JavaScript...
rockyxia
8年前 (2016-04-20) 24497浏览
概要
现在手机端页面上的上拉刷新、下拉加载更多页面的效果可以说屡见不鲜了,app开发里面都是有集成的控件的,很容易就实现这样的效果。今天给大家分享一个js实现的,能适用与所有web页面的。
相关说明
关于上拉刷新、下拉加载更多的效果从百度上一搜也是玲琅满目,各种的插件、js也是一堆,我所分享的这个也是从网上参考来的,属于非常简洁好用的,可以很好的运用到项目中去。
一个DEMO给大家瞅一瞅,点我!手机可以直...
rockyxia
9年前 (2014-08-31) 7779浏览
正文直接开始
现在经常会遇到让输入身份证号码的需求,那么我们应该如何验证身份证号码的合法性呢?今天我们来分享一个js验证的方法。
function checkIdcard(num){
num = num.toUpperCase();
//身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
if (!(/(^\d{15...
rockyxia
9年前 (2014-07-30) 8658浏览
正文直接开始
http meta方式
<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'>
<a href="javascript:countDown"><span id="tiao">3</span>秒后自动跳转……</a>
<!--脚本开始-->...
rockyxia
9年前 (2014-07-29) 8600浏览
正文直接开始
在网页中放图片的时候我们经常会遇到图片变形的问题,今天给大家分享一个等比例压缩图片的js,可以设置最大宽高,然后等比例自动压缩。
<script type="text/javascript">
function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
...
rockyxia
10年前 (2013-10-04) 10793浏览
写在前面
最近一个网站项目用上响应式布局,这也是我的第一次尝试,其实做起来也一样并没有遇到太大的问题,开始的时候可能需要大量的百度和谷歌你才能入门,当你真正去做的时候会发现很便捷。
正文开始
由于响应式布局主要是针对移动手持设备的,占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器,这个大家应该都能想到,使用了html5时我们必须要考虑到目前国内的大量的ie6-...
rockyxia
11年前 (2013-01-31) 10003浏览
slider图片效果
分享一个近期项目遇到的一个js图片效果,类似flash的图片显示效果,看效果图:
这也是一个Jquery库的js插件,详细的DEMO:请狠狠的点击我!
下载JS:单击右键下载JS
使用方法:
1.引入jquery.js
<script src="http://apps.bdimg.com/libs/jquery/1.4.4/jquery.min.js"&...
rockyxia
11年前 (2012-10-22) 6798浏览
JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。
sort() 方法用于对数组的元素进行排序。语法如下:
arrayObject.sort(sortby);
返回值为对数组的引用。请注意,数组在原数组上进行排序,不生成副本。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实...
rockyxia
11年前 (2012-09-18) 10238浏览
写在前面
在我们做前端页面表单提交时经常会遇到手机号码和邮箱的验证,方法多种多样,此文记录偶平时使用的一个函数!
此文已转发此百度经验,详情请移步百度经验!点此进入
验证函数:
<script language="javascript">
function check(form)
{
if (form.phone.value == '...
rockyxia
12年前 (2012-07-04) 8007浏览
上来就是结果
var ie = !-[1,];
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法 ,执行[1,].toString()在IE6,7,8中将会得到”1,”。然后表达式就变为!-“1,”。再尝试把”1,”...
rockyxia
12年前 (2012-04-22) 11039浏览
现在的微博那叫一个火啊,以至于偶们公司的老总都亲自要求我们搞程序搞研发高前端这块的人都必须要上微博啊,还必须得是新浪微博,腾讯微博那是小学生玩的!(//rockyxia:老总是这么说,但是没有贬低腾讯微博的意思) 废话的了一大坨,开始进入正题,今天要搞的是微博那话题和@两个功能,我想大家对这两个功能应该对不陌生了,想一想也知道肯定是通过正则整出来的,今天我给大...
rockyxia
12年前 (2012-04-08) 14573浏览
正文直接开始
我们经常在网上看到那些商城里有限时抢购和秒杀一类的倒计时,今天我来分享一个用js获取服务器时然后做倒计时的程序,至于为什么要获取服务器时间我想大家都懂的!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
rockyxia
12年前 (2012-01-06) 12139浏览
Javascript 返回上一页
Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
history.back()
window.history.forward()返回下一页
window.history.go(返回第几页,也可以使用访问过的URL)
例:
<a href="javascript:history.go(-1);"&...
rockyxia
12年前 (2011-10-13) 9708浏览
用select做下拉式友情链接
javascript代码:
<script language="JavaScript" type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
//本窗口打开
//eval(targ+...
rockyxia
12年前 (2011-09-22) 9673浏览
使用javascript方法控制多个div的高度一致,达到最高的那个div的高度,这个我相信大家应该都遇到过,因为并排的div内容是自由的,所有高度也是不能固定死的,所以往往并排的div高度不一致有时候会很难看,这里我介绍的是javascript的方法,大家也可以使用jquery去做也是可以的,这里使用纯的javascript也不是很复杂,所以我就没有用jquery去做了!首先给大家看代码吧:
html代...
rockyxia
12年前 (2011-09-09) 7816浏览
分享我一直使用的最简单的方法哈
代码如下
<INPUT TYPE="TEXT" size="18" value="这是默认的内容" onfocus="if (value =='这是默认的内容'){value =''}" onblur="if (value ==''){value='这是默认的内容'}"...
rockyxia
12年前 (2011-08-30) 6861浏览
提供一个最简单的方法:
<INPUT TYPE="TEXT" size="18" value="这是默认的内容" onfocus="if (value =='这是默认的内容'){value =''}" onblur="if (value ==''){value='这是默认的内容'}">
我...
rockyxia
12年前 (2011-08-30) 7823浏览
直接上代码:
<div id="webjx"></div>
<script>setInterval("webjx.innerHTML=new Date().toLocaleString()+"+".charAt(new Date().getDay());",1000); </script>
需要在哪里显示就放哪里就行了
关于这段js的原理,我...
rockyxia
12年前 (2011-08-26) 8205浏览
1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false"
2. 取消选取、防止复制 <body onselectstart="return false">
3. 不准粘贴 onpaste="return false"
4. 防止复制 oncopy="return false;" oncut="return false;"
5. IE地...