自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

转载 JQuery中阻止事件冒泡方式及其区别

JQuery 提供了两种方式来阻止事件冒泡。方式一:event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); });方式二:return false; $("#div1").mousedown...

2016-04-15 09:49:00 129

转载 Js 冒泡事件阻止

1.事件目标现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的,但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素)。而且,我们知道this引用的是处理事件的...

2016-04-15 09:48:00 109

转载 localStorage、sessionStorage用法总结

localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。sessionS...

2016-03-24 17:26:00 107

转载 JQ之 offset 和 position 的用法与区别

offset:获取元素相对于文档(document)的当前坐标注意使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移。postion:获取元素相对父元素的偏移注意:1,使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对...

2016-03-24 17:19:00 160

转载 JS中Null与Undefined的区别

在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑,在什么时候是Null,什么时候又是Undefined?Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。Null类型也只有一个值,即null。null用来表示尚未存在的对象,常用来表示函数...

2016-03-02 09:35:00 90

转载 JS正则表达式验证数字非常全

Js代码 <scripttype="text/javascript">functionvalidate(){varreg=newRegExp("^[0-9]*$");varobj=document.getElementById("name");if(!reg....

2015-12-15 12:48:00 118

转载 iframe跨域

最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据,这有些危险,是否继续"1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。2.有什么完美的解决方案么?没...

2015-12-14 10:08:00 82

转载 jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别

以前没注意过,认为jquery 中的 $("#") 与 document.getElementById("") 是一回事,指的是同一个东西。这次项目开发在使用验证码生成的时候,发现两者不同,使用时需要注意!通过以下测试:js中代码functionreloadValidCode(o){alert(o);o.src ="${pageContext.requ...

2015-12-11 16:38:00 115

转载 jQuery中this与$(this)的区别

起初以为this和$(this)就是一模子刻出来。但是我在阅读时,和coding时发现,总不是一回事,这里就谈谈this与$(this)的区别。AD:jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title ...

2015-12-04 10:26:00 78

转载 div层调整zindex属性无效原因分析及解决方法

http://www.ccssddnn123.com/html/topnews201408/71/4871.htm在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。...

2015-11-26 16:54:00 279

转载 jQuery stop()用法以及案例展示

stop(true)等价于stop(true,false): 停止被选元素的所有加入队列的动画。stop(true,true):停止被选元素的所有加入队列的动画,但允许完成当前动画。stop()等价于stop(false,false):停止被选元素当前的动画,但允许完成以后队列的所有动画。stop(false,true):立即结束当前的动画到最终效果,然后完成以后队列的所以动...

2015-11-26 11:14:00 112

转载 CSS3打造不断旋转的CD封面

最初看到这个效果是在一个音乐站,http://jing.fm,这个网站的界面做得非常不错,音乐也很有风格。当我第一次进入这个网站时最感兴趣的还是中间那个不断旋转的光盘封面,就想知道它是如何运作的,以及如何能把它也放在我的网站首页上面以增加效果,具体的效果可以去jing.fm看下,用新浪微博账号即可登录。我提取的效果仅仅包含了使其旋转的部分代码,并没有包括中间的暂停按钮,可以到这里去查...

2015-11-24 14:05:00 260

转载 移动浏览器开发集合

https://github.com/jtyjty99999/mobileTech99移动端知识集合https://github.com/RubyLouvre/mobileTech司徒正美移动知识集合https://github.com/maxzhang/maxzhang.github.com/issues移动浏览器开发集合http://thx.github.io/mobile/debu...

2015-11-19 10:17:00 112

转载 图解javascript this指向什么?

JavaScript 是一种脚本语言,支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门,但是随着使用的深入,你会发现JavaScript其实很难掌握,有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字,就是一个比较容易混乱的概念,在不同的场景下,this会化身不同的对象。有一种观点认为,只有正确掌握了 JavaScr...

2015-11-16 10:40:00 92

转载 一句命令快速合并 JS、CSS

在项目开发环境下,我们会把 JS代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多。  而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个,手动的操作虽然也不是问题,但每次修改更新都要手动操作合并一遍,这就肯定是个噩梦了。  这种情况下,一些工具也就随之产生,比如在线合并,一些网站提供js文件上传,然后合并,但这还是...

2015-11-13 15:42:00 88

转载 jQuery.lazyload详解

jQuery实现图片延迟加载,不知道是否可以节省带宽呢?有人知道吗?这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢?<scripttype="text/javascript"src="<?phpbloginfo('template_directory');?>/js/jquery.lazyload.js"></script><...

2015-11-13 09:51:00 84

转载 JavaSript模块规范 - AMD规范与CMD规范介绍

JavaSript模块化在了解AMD,CMD规范前,还是需要先来简单地了解下什么是模块化,模块化开发?模块化是指在解决某一个复杂问题或者一系列的杂糅问题时,依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理,可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码,被整合优化分割成逻辑性很强的模块时,...

2015-11-09 11:04:00 104

转载 程序员眼中的英语单词

英语中一个单词可能有很多不同的意思。很多中国开发者外语本来就不好,概念是往往先入为主。甚至在不清楚一般意义的情况下,先记住了特定环境中的意思。单词普通人眼中开发者眼中socket插座套接字per­for­mance演出性能ATM自动取款机异步传输模式memory记忆内存ec...

2015-11-09 10:47:00 109

转载 SeaJS之define函数

seajs.config 用来对 SeaJS 进行配置。CMD 规范中,一个模块就是一个文件。代码的书写格式如下:define(factory);define 接受 factory 参数,factory 可以是一个函数,也可以是一个对象或字符串。factory 为对象、字符串时,表示模块的接口就是该对象、字符串。factory 为函数时,表示是模块的构造方法。用来定义模块。S...

2015-11-09 10:41:00 122

转载 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

场景描述, 当document的高度不够window的高度时候,如在ip6中文档的高度比窗体的高度小,到底设计在最下方的区域没有在窗体最下方,就留有空白地方如下图的灰色部分1、 解决初始化文档高度,让文档高度等于窗体高度,并fixed需要定位的区域在最下方[html]view plaincopyprint?(functionbottonm(){...

2015-11-04 14:23:00 165

转载 JavaScript基础知识点归纳

1、全局变量与局部变量定义在函数外的变量一定是全局变量;定义在函数内的变量,如果声明了var,那该变量就是局部变量,如果不声明var,那么该变量就是全局变量。全局变量与局部变量JavaScript123456789var global = "Global";test();fu...

2015-11-04 14:09:00 185

转载 JavaScript闭包(closure)

闭包其实就是利用了函数作用域和匿名函数的知识,当函数A执行结束时,一部分变量变量被B引用,被引用的变量不能释放,形成了所谓的闭包。这里有篇很好的文章,可以参考一下。下面看一个小例子:JavaScript12345678910function show(){var n=...

2015-11-04 11:08:00 87

转载 JS获取客户端IP地址、MAC和主机名的7个方法汇总

今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome、FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本。下面的代码是我在所有windowsNT5.0及以上的系统上都测试通过的,给出代码:一、使用JS获取客户端IP的几个方法方法一(只针对IE且客户端的IE允许AcitiveX运行,通过平...

2015-10-28 14:13:00 242

转载 手机号,验证码

// 获取手机验证码var phone = $('#phone');var mobileReg = /^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9])\d{8}$/;var getCode=$('#getCode');getCode.on('click', function () { if (allowGet) { if (!mob...

2015-10-28 10:48:00 215

转载 input 的value值改变事件监听

<input id="d1" name="name"/>$("#d1").bind('input propertychange',function(){alert("dddddd");});如上所示,对input绑定input propertychange事件后,可监听到键盘输入值、鼠标黏贴值这两种值改变的事件。问题来了----------我现在是通过js代码来改变了...

2015-10-27 09:47:00 503

转载 input标签内容改变的触发事件

1. onchange事件与onpropertychange事件的区别:  onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。2. oninput事件与onpropertychange事件的区别:  oninput事件是IE之外的...

2015-10-26 13:49:00 151

转载 表单元素值获取方式js及java方式

大家都知道我们在提交form的时候用了多种input表单。可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的。有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用、上代码:Jsp-html代码:<...

2015-10-26 10:26:00 96

转载 js 验证码 倒计时60秒

js 验证码 倒计时60秒[html]view plaincopy<inputtype="button"id="btn"value="免费获取验证码"/><scripttype="text/javascript">varwait=60;functiontime(o){i...

2015-10-26 10:19:00 96

转载 JQuery对CheckBox的一些相关操作

一、通过选择器选取CheckBox: 1.给CheckBox设置一个id属性,通过id选择器选取: <inputtype="checkbox"name="myBox"id="chkOne"value="1" checked="checked"/> JQuery: $("#chkOne").click(funct...

2015-10-26 10:18:00 81

转载 jQuery事件绑定.on()简要概述及应用

前几天看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的,最后看源码发现bind()和delegate()都是由on()实现的,感兴趣的朋友可以了解下,或许本文对你有所帮助前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。...

2015-10-25 18:24:00 76

转载 jquery获取input的value问题说明

刚开始接触jquery,很多东西不熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值后来终于在伟大的百度帮助下,找到了问题的原因:复制代码代码如下:$("")是一个jquery对象,而不是一个dom elementvalue是dom element的属性jquery与之对应的是valval() :获得第一个匹配元...

2015-10-25 18:08:00 193

转载 js最新手机号码、身份证正则表达式

正则表达式(regular expression)是一个描述字符模式的对象。使用正则表达式可以进行强大的模式匹配和文本检索与替换功能。身份证正则://身份证正则表达式(15位)isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//身份证正则表达式(18位)isIDCard2=/^[1-9...

2015-10-25 16:31:00 91

转载 js实现页面自动跳转(不加重前页面,直接加载跳转页)

很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后,若用户没有任何鼠标点击操作,过了一定的时间,页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。 1.在 <head> </head> 标签里头添加:HTML 代码 复制//(5:表示5秒钟刷新...

2015-10-25 02:43:00 628

转载 使用jQuery的on("click")绑定事件莫名其妙地刷新页面

<input type="submit" class="btn_ok" id="submit1" value="确定" /> 改为: <input type="botton" class="btn_ok" id="submit1" value="确定" />===================================================...

2015-10-25 00:34:00 683

转载 html中input文本框,初始里边有文字提示,当点击时,文字消失

js解决方法使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">-----------------------------------------------------...

2015-10-24 13:03:00 745

转载 对 Sea.js 进行配置 seajs.config

配置可以对 Sea.js 进行配置,让模块编写、开发调试更方便。seajs.configseajs.config(options)用来进行配置的方法。seajs.config({ // 别名配置 alias: { 'es5-safe': 'gallery/es5-safe/0.9.3/es5-safe', 'json': ...

2015-10-24 12:40:00 94

转载 jquery 设置style:display

("#id").css('display','none');$("#id").css('display','block');或$("#id")[0].style.display = 'none';$("#id")返回的是JQuery它是个集合肯定有display属性$("#id").show()表示display:block, $("#id").hide()表示display:...

2015-10-24 12:30:00 158

转载 Js获取当前日期时间及其它操作

var myDate = new Date();myDate.getYear();//获取当前年份(2位)myDate.getFullYear();//获取完整的年份(4位,1970-????)myDate.getMonth();//获取当前月份(0-11,0代表1月)myDate.getDate();//获取当前日(1-31)...

2015-10-23 16:17:00 75

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除