随笔分类 - javascript
摘要：方才在程序里看到一段JS代码，写法极为高明，私心想着若是其按照规范来写，定可培养对这门语言的理解，对JS编程能力提高必是极好的。说人话：丫代码写的太乱，看的窝火！最近闲暇无事，准备对自己JS学习做一个总结。众所周知，JS是一种语法极其灵活的语言，一千个人会有一千种JS书写方式。这造成的结果往往就是给...
阅读全文
摘要：// js实现身份证号码验证// IdCard-Validate.js代码如下:/*** 身份证15位编码规则：dddddd yymmdd xx p * dddddd：地区码 * yymmdd: 出生年月日 * xx: 顺序类编码，无法确定 * p: 性别，奇数为男，偶数为女* * 身份证18位编码...
阅读全文
摘要：function formatCardNo(cardNo){ var result = [],len = cardNo.length; var j = 0; for(var i = 0 ; i < len;i++){ if(cardNo[i] == " "){ continue; } j...
阅读全文
摘要：用javascript获取url网址信息执行 用javascript获取url网址信息 代码效果如下location.host=www.wanruyi.comlocation.hostname=www.wanruyi.comlocation.href=http://www.wanruyi.com/s...
阅读全文
摘要：密码等级function pwdLevel(value) { var pattern_1 = /^.*([\W_])+.*$/i; var pattern_2 = /^.*([a-zA-Z])+.*$/i; var pattern_3 = /^.*([0-9])+.*$/i; ...
阅读全文
摘要：function countDown(){ var time = $(".e-time strong").text(); $(".e-time strong").text(time - 1); if (time == 1) { $(".timeDiv").hide(); $(".sendMobileCode").show(); $(".e-time strong").text(119); } else { setTimeout(countDown, 1000); }}或者var counttim
阅读全文
摘要：** PopFn //弹窗，第一个参数是显示的文字（可以是HTML代码），第二和第三个参数是第一个按钮，和按钮的链接（可以是javascript函数），第四和第五个按钮是同上。如不需要右上方的关闭按钮，添加最后一个参数"noclose";** PopFnClose 关闭弹窗函数function PopFn(){ var arr=[]; arr.push("") arr.push("") arr.push("") arr.push("提示信息") arr.push("×&quo
阅读全文
摘要：1、将浏览器兼容代码标明信息并相互分开 对一名Web开发者来说，跨浏览器兼容是一个被重点关注的问题。通常，开发者会针对不同的浏览器来编码，也即是CSS hack。但是，如果开发者在编码时，能注明代码为哪一个版本的浏览器所写，会为以后的维护工作带来极大方便。下面就是一个很好的示例：12345678910 2、避免过度注释 作为一名开发者，在代码中添加注释是一个好习惯，能方便理解并易于维护。这在其它编程语言如PHP、JAVA 和 C#里很普遍。但是，HTML/XHTML是文本标记语言，非常容易理解。因此，无需为每行代码都添加注释。
阅读全文
摘要：什么是正则表达式？这个问题可以参见：“正则表达式30分钟入门教程”，很多编程语言都支持正则表达式，本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法：var reg = /pattern/;复制代码第二种方法：var reg = newRegExp('pattern');复制代码正则表达式的exec方法简介语法：reg.exec(str);复制代码其中str为要执行正则表达式的目标字符串。例如：复制代码将会输出test，因为正则表达式reg会匹配str(‘testString’)中的’test’子字符串，并且将其返回。我们使用下面的函数来做匹配正则的练
阅读全文
摘要：1.typeof：可以用来确定一个变量的数据类型 2.instanceof：可以用来确定一个引用类型值的是什么类型的对象typeof用以获取一个变量的类型，typeof一般只能返回如下几个结果：number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在，如if(typeof a!="undefined"){}，而不要去使用if(a)因为如果a不存在（未声明）则会出错，对于Array,Null等特殊对象使用typeof一律返回object，这正是typeof的局限性。如果我们希望获取一个对象是
阅读全文
摘要：1、无论屏幕放大缩小，悬浮广告一直在右侧html代码布局 套装1.8折起 脱“光”必备 闪购新品 2、css结构wd_page {overflow: hidden;position: relative;width: 100%;}.scrop_top_fr {margin-right: -620px;margin-top: -250px;position: fixed;right: 50%;top: 50%;z-index: 99999;}
阅读全文
摘要：你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通
阅读全文
摘要：CopythisseemsawesomeJquery代码 $(document).ready(function(){$('a#copy').zclip({path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',copy:$('div#description').text()});});zclip要点：Java代码 1.不能是本地环境，要放在一个服务器上；2.测试环境要放开.swf文件过滤3.绑定zclip事件时，绑定的对象一定要处于显示状态（即不能隐藏）4.如果绑定的A对象初始化时是隐藏
阅读全文
摘要：hover延迟效果 标题1 标题2 标题3 标题4 标题5 内容1 内容内容2 内容内容内容3 内容内容内容内容4 内容内容内容内容内容5
阅读全文
摘要：functionremoveWhitespace(element){varelem=$$.Dom.getNode(element)||document,cur=elem.firstChild,tmp,reg=/\S/;//这里最好将正则保存在一个变量里，如果在下面使用直接量，会造成一定的性能问题，直接量不是一个对象，所以它没有方法，系统在执行它时会临时包装一个空白对象，这样如果页面文件很大时，就会出现性能问题。while(cur!==null){tmp=cur.nextSibling;if(cur.nodeType===3&&!reg.test(cur.nodeValue)){
阅读全文
摘要：绑定事件addEventListener:W3C标准写法IE不兼容attachEvent：兼容IE注意：1：事件名不同：IE下要加“on“,W3C不加 2：加载事件的执行顺序不同，W3C按绑定事件的顺序来执行，而IE6，7是后绑定的时间先发生 3：this的指向，W3C中，绑定函数中的this指向DOM对象，而IE6,7指向WINDOWS对象var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else ...
阅读全文
摘要：window.onload=window.onresize=window.onscroll=function(){ showImg(); };function getPos(obj){ var l=0; var t=0; while(obj) { l+=obj.offsetLeft; t+=obj.offsetTop; obj=obj.offsetParent; } return {left: l, top: t};}function showImg(){ var aTmg=docu...
阅读全文
摘要：绝对定位方式的瀑布流布局：一、布局1、包围块框的容器: ... ...2、一个块框： 3、初始化第一行/5个块框：.pin{ padding: 15px 0 0 15px; float: left;}.box{ padding: 10px; border:1px solid #ccc;}.box img{ width:192px; height:auto;}效果：二、思路：1、设置父级main的样式:水平居中。2、设置每个块框pin的样式:绝对定位。3、设置窗口滚动事件的监听...
阅读全文
摘要：先看下面的代码： var $ = KISSY.all; $(‘a’).on(‘click’,function(e){ doSomeThing();//这个方法貌似很有名 e.halt(); }); 上面的代码看起来像是很好的完成了我们交给它的工作，浏览器不会再将我们重定向到href中的链接，但这么做到底有什么不对呢？ 在解释有什么不对前，我们来看看浏览器中事件中的几个概念 浏览器默认行为 当我们点击某一个链接的时候，浏览器会直接跳转，在表单中按回车，表单会自动提交，这些都是浏览器的默认行为。 Javascript事件传播的机制 什么是事件冒泡？ 比如点击了一个按钮，这个...
阅读全文
浙公网安备 33010602011771号