最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

标签:javascript

Javascript

15个常用的javaScript正则表达式

rockyxia 3年前 (2017-06-01) 3935浏览

摘要 收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。表单验证处理必备,赶紧收藏吧! 1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{...

ES6

ES6第十九节:终于,JavaScript也有了类(class)的概念

rockyxia 3年前 (2016-07-28) 3944浏览

写在前面 类class这个概念,在其他编程语言中很早就实现了,而JavaScript语言并没有实现,一直以来,开发者都是使用函数function和原型prototype来模拟类class实现面向对象的编程。 接下来的学习,前端君默认大家都了解传统的模拟类的写法,如果你已经忘记了,ES6系列的第九节有介绍JavaScript的面向对象,点击可以查看。 现在,ES6给我们带来了好消息,它给JavaScript...

Javascript

js实现手机端的上拉刷新下拉加载更多页面效果

rockyxia 4年前 (2016-04-20) 16499浏览

概要 现在手机端页面上的上拉刷新、下拉加载更多页面的效果可以说屡见不鲜了,app开发里面都是有集成的控件的,很容易就实现这样的效果。今天给大家分享一个js实现的,能适用与所有web页面的。 相关说明 关于上拉刷新、下拉加载更多的效果从百度上一搜也是玲琅满目,各种的插件、js也是一堆,我所分享的这个也是从网上参考来的,属于非常简洁好用的,可以很好的运用到项目中去。 一个DEMO给大家瞅一瞅,点我!手机可以直...

Javascript

JS验证身份证号码是否合法

rockyxia 5年前 (2014-08-31) 4749浏览

正文直接开始 现在经常会遇到让输入身份证号码的需求,那么我们应该如何验证身份证号码的合法性呢?今天我们来分享一个js验证的方法。 function checkIdcard(num){ num = num.toUpperCase(); //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。 if (!(/(^\d{15...

Javascript

js(javascript)页面跳转整理

rockyxia 5年前 (2014-07-30) 6084浏览

正文直接开始 http meta方式 <meta http-equiv=refresh content=3;url='/search/billsearch.jsp'> <a href="javascript:countDown"><span id="tiao">3</span>秒后自动跳转……</a> <!--脚本开始-->...

Javascript

JS控制图片显示的大小(图片等比例缩放)

rockyxia 5年前 (2014-07-29) 4864浏览

正文直接开始 在网页中放图片的时候我们经常会遇到图片变形的问题,今天给大家分享一个等比例压缩图片的js,可以设置最大宽高,然后等比例自动压缩。 <script type="text/javascript"> function AutoResizeImage(maxWidth,maxHeight,objImg){ var img = new Image(); ...

Javascript

html5 网页视频播放器 video.js 与 OSM Player

rockyxia 6年前 (2013-10-04) 7925浏览

写在前面 最近一个网站项目用上响应式布局,这也是我的第一次尝试,其实做起来也一样并没有遇到太大的问题,开始的时候可能需要大量的百度和谷歌你才能入门,当你真正去做的时候会发现很便捷。 正文开始 由于响应式布局主要是针对移动手持设备的,占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器,这个大家应该都能想到,使用了html5时我们必须要考虑到目前国内的大量的ie6-...

我的知识库

分享一个slider图片效果,类似flash的图片显示效果

rockyxia 7年前 (2013-01-31) 7423浏览

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"&...

Javascript

JavaScript数组排序

rockyxia 7年前 (2012-10-22) 4962浏览

JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。 sort() 方法用于对数组的元素进行排序。语法如下: arrayObject.sort(sortby); 返回值为对数组的引用。请注意,数组在原数组上进行排序,不生成副本。 如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实...

Javascript

javascript手机号码电话号码验证、邮箱验证函数

rockyxia 7年前 (2012-09-18) 7852浏览

写在前面 在我们做前端页面表单提交时经常会遇到手机号码和邮箱的验证,方法多种多样,此文记录偶平时使用的一个函数! 此文已转发此百度经验,详情请移步百度经验!点此进入 验证函数: <script language="javascript"> function check(form) { if (form.phone.value == '...

Javascript

js判断ie最短的写法(ie6\7\8)

rockyxia 8年前 (2012-07-04) 5965浏览

上来就是结果 var ie = !-[1,]; 这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法 ,执行[1,].toString()在IE6,7,8中将会得到”1,”。然后表达式就变为!-“1,”。再尝试把”1,”...

Javascript

Javascrip通过正则实现微博的话题和@功能示例

rockyxia 8年前 (2012-04-22) 8275浏览

    现在的微博那叫一个火啊,以至于偶们公司的老总都亲自要求我们搞程序搞研发高前端这块的人都必须要上微博啊,还必须得是新浪微博,腾讯微博那是小学生玩的!(//rockyxia:老总是这么说,但是没有贬低腾讯微博的意思) 废话的了一大坨,开始进入正题,今天要搞的是微博那话题和@两个功能,我想大家对这两个功能应该对不陌生了,想一想也知道肯定是通过正则整出来的,今天我给大...

Javascript

分享一个js获取服务器时间,然后做倒计时的程序

rockyxia 8年前 (2012-04-08) 12011浏览

正文直接开始 我们经常在网上看到那些商城里有限时抢购和秒杀一类的倒计时,今天我来分享一个用js获取服务器时然后做倒计时的程序,至于为什么要获取服务器时间我想大家都懂的! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...

Javascript

Javascript js 返回上一页 刷新页面方法 收集

rockyxia 8年前 (2012-01-06) 9991浏览

Javascript 返回上一页 Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); history.back() window.history.forward()返回下一页 window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);"&...

Javascript

用select做下拉式友情链接

rockyxia 8年前 (2011-10-13) 6794浏览

用select做下拉式友情链接 javascript代码: <script language="JavaScript" type="text/JavaScript"> function MM_jumpMenu(targ,selObj,restore){ //v3.0 //本窗口打开 //eval(targ+...

Javascript

javascript方法控制多个div高度一致(以最大高度)

rockyxia 8年前 (2011-09-22) 6757浏览

使用javascript方法控制多个div的高度一致,达到最高的那个div的高度,这个我相信大家应该都遇到过,因为并排的div内容是自由的,所有高度也是不能固定死的,所以往往并排的div高度不一致有时候会很难看,这里我介绍的是javascript的方法,大家也可以使用jquery去做也是可以的,这里使用纯的javascript也不是很复杂,所以我就没有用jquery去做了!首先给大家看代码吧: html代...

Javascript

最简单的:年月日,星期,时分秒

rockyxia 8年前 (2011-08-30) 5735浏览

直接上代码: <div id="webjx"></div> <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+"+".charAt(new Date().getDay());",1000); </script> 需要在哪里显示就放哪里就行了 关于这段js的原理,我...

Javascript

13个JavaScript网站制作中实用技巧

rockyxia 8年前 (2011-08-26) 6467浏览

1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" 2. 取消选取、防止复制 <body onselectstart="return false"> 3. 不准粘贴 onpaste="return false" 4. 防止复制 oncopy="return false;" oncut="return false;" 5. IE地...