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

Javascript

javascript/jquery学习

我来推一个Vue组件:Vue-SuperSlide

我来推一个Vue组件:Vue-SuperSlide

rockyxia 5年前 (2019-02-26) 8789浏览

Vue-SuperSlide Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本,API 配置及使用方法与 SuperSlide 几乎一致,让你能够便捷的在 Vue 工程中使用 SuperSlide。 简介 关于 SuperSlide 的详细介绍可以到 SuperSlide 官方网站 – 大话主席 进行查看。 大话主席的 SuperSlide 是多年以前...

15个常用的javaScript正则表达式

rockyxia 7年前 (2017-06-01) 8273浏览

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

JS判断浏览器类型,手机移动端iOS、Android大全

rockyxia 8年前 (2016-09-12) 6416浏览

判断手机是否是ios和Android客户端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。网上搜索来的,比较简单: var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !...

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

rockyxia 8年前 (2016-04-20) 24937浏览

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

IE6、IE7兼容querySelectorAll和querySelector方法

rockyxia 8年前 (2016-01-21) 8396浏览

写在前面 querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。 目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。 IE6、IE7怎么办 querySelector 和 querySelectorAll ...

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

rockyxia 10年前 (2014-08-31) 7973浏览

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

js(javascript)页面跳转整理

rockyxia 10年前 (2014-07-30) 8864浏览

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

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

rockyxia 10年前 (2014-07-29) 8948浏览

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

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

rockyxia 11年前 (2013-10-04) 11119浏览

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

[JSON学习记录1]初识JSON、JSON与XML

rockyxia 12年前 (2012-10-22) 7532浏览

JSON 介绍 我们知道AJAX技术能够使得每一次请求更加迅捷,对于每一次请求返回的不是整个页面,也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据,然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。 JSON(读Jason)是为了能够使得数据格式成为一种标准,更简单的被JavaScript解析。 优点 1、轻量级的数据交换格式 2、人们读写更加容易 3、易于机器的解...

JavaScript数组排序

rockyxia 12年前 (2012-10-22) 7010浏览

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

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

rockyxia 12年前 (2012-09-18) 10466浏览

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

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

rockyxia 12年前 (2012-07-04) 8193浏览

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

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

rockyxia 12年前 (2012-04-22) 11267浏览

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

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

rockyxia 12年前 (2012-04-08) 14779浏览

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

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

rockyxia 12年前 (2012-01-06) 12337浏览

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

轻松让INPUT框只能输入整数

rockyxia 13年前 (2011-12-13) 33160浏览

正文直接开始 有时我们需要我们的input只能输入整数,把中文,英文以及所有字符全部屏蔽掉,我找到了一个非常简便的方法,分享给大家,如果大家有更好的也请一起分享哈! 只需要在input中加入以下代码即可: style="ime-mode:disabled" onkeypress="return event.keyCode>=48&&event.keyCod...

用select做下拉式友情链接

rockyxia 13年前 (2011-10-13) 10086浏览

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

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

rockyxia 13年前 (2011-09-22) 9901浏览

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

禁止右键和拖选复制代码

rockyxia 13年前 (2011-09-22) 6954浏览

这是我一直在使用的禁止右键和托选复制代码 oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy="document.sel...