摘要：
这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： doc 阅读全文
摘要：
曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-block。（本文约定 display:inline-block 简写为 inline-block） 开篇我们来看几个问题： IE6、7 真的不支持 display:inline-block 吗... 阅读全文
摘要：
手机号验证的正则为： var reg =/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/; var reg =/^0{0,1}(13[0-9]|15[0-9])[0-9]{8}$/; 移动手机号的验证正则为： var reg =/^0{0,1}(13[4-9]|15[7-9]|15[0-2]|18[7-8])[0-9]{8}$/; 2009.11.23 新增加移动151，152号段，但是没有在源码演示中放出，下面代码已经更新 这可是包括15x话段的哈。嗯。。 手机号的那个，各位大爷可以用第一个，也可以用第二个，您随意吧，我不知道手机号... 阅读全文
摘要：
在IE中，可以通过event或window.event获得全局event；而在其他浏览器中，则通过 arguments[arguments.length-1]可获得event实例。但是如果是嵌套调用，如：用户触发事件调用functionA，而 functionA又调用functionB，再由functionB调用functionC，此时如果functionB或functionC中需要获 得event实例，IE仍可通过event或window.event获得，而其他浏览器通过arguments[arguments.length- 1]就无法获得了，通常习惯的做法是把event作为参数传递到fun 阅读全文
摘要：
事件对象还提供一个.stopPropagation()方法，可以完全阻止事件冒泡。与.target类似，这个方法也是一种纯JS特性，但是在跨浏览 器环境中则无法安全的使用(即在IE中停止冒泡应该使用事件对象的cancelBubble属性设置为false)，不过通过jQuery来注册所有的事 件处理程序，就可以放心地使用这个方法。 三、关于事件的起泡的概念 IE中事件的起泡：IE中事件可以沿着包容层次一点点起泡到上层，也就是说，下层的DOM节点定义的事件处理函数，到了上层的节点如果还有和下层相同事件 类型的事件处理函数，那么上层的事件处理函数也会执行。例如，<div>标签包含了< 阅读全文
摘要：
1.javascript的数组API 01//定义数组02var pageIds = new Array();03pageIds.push(´A´);0405数组长度06pageIds.length;0708//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined09var a = [1,2,3,4,5];10var b = a.shift(); //a：[2,3,4,5] b：1 1112//unshift：将参数添加到原数组开头，并返回数组的长度13var a = [1,2,3,4,5];14var b = a.unshift(-2,- 阅读全文
摘要：
老的问题了，如今再次碰到，记录下来，给后来者方便！ 众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现： 按钮左右本身有2px的间距（FF私有属性写了padding:0 2px所致）；按钮文字居中是不行的（此时设置padding-bottom是没用的） ；等等… 解决办法： input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type= 阅读全文
摘要：
修改内联CSS： 不得不说，jQ的CSS方法真的很棒，集getter与setter于一身，呵呵。 jQuery既可以解释连字符版的CSS表示法（如background-color），也可以解释驼峰大小写形式的 DOM表示法（如backgroundColor）。在设置样式属性时，.css()方法能够接受的参数有两种，一种是为它传递一个单独的样式属性和值， 另一种是为它传递一个由属性——值对构成的映射。 .css(‘property’,'value’) .css({‘property1′:’value1′,’property2′:’value2′}) 一般来说，数字值不需要加引号，而字符串 阅读全文
摘要：
DOM操作方法的简单归纳： 要在每个匹配的元素中插入新元素，使用： .append().appendTo().prepend().prependTo() 要在每个匹配的元素相信的位置上插入新元素，使用： .after().insertAfter().before().insertBefore() 要在每个匹配的元素外部插入新元素，使用： .wrap() 要用新元素或文本替换每个匹配的元素，使用： .html().text() 要移除每个匹配的元素中的元素，使用： .empty() 要从文档中移除每个匹配的元素及其后代元素，但不实际删除它们，使用： .remove() 阅读全文
摘要：
吐槽Javascript 初次接触Javascript，这门语言的确会让很多正规军感到诸多的不适，这种不适来自于Javascript的语法的简练和不严谨，这种不适也 来自Javascript这个悲催的名称，我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多 年来受了这么多不白之冤，人们都认为他是Java的附属物，一个WEB玩具语言。因此才会有些人会对Javascript不屑，认为Javascript 不是一门真正的语言，但是这此他们真的错了。Javascript不仅是一门语言，是一门真真正正的语言，而且他还是一门里程碑式的语言，他独创多种新 阅读全文
摘要：
Javascript编程风格 作者： 阮一峰 日期： 2012年4月27日 ... 阅读全文
摘要：
concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。charAt() – 返回指定位置的字符。lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。match() – 检查一个字符串是否匹配一个正则表达式。substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。search() – 执行一个正则表达式匹配查找... 阅读全文
摘要：
一、什么是匿名函数？ 在Javascript定义一个函数一般有如下三种方式： 函数关键字(function)语句： function fnMethodName(x){alert(x);} 函数字面量(Function Literals)： var fnMethodName = function(x){alert(x);} Function()构造函数： var fnMethodName = new Function('x','alert(x);') 上面三种方法定义了同一个方法函数fnMethodName，第1种就是最常用的方法，后两种都是把一个函数复制给变量f 阅读全文
摘要：
一、主体结构 header 页面头部，不同与<head></head> aside 边栏 nav 外部链接集合 section 章节或段落 article 类似文章、摘要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用） hggroup 类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a section address 联系信息，一般用在article或body锚元素周围 footer 页脚 二、HTML 5元素标记汇总表 文档类型宣告 <!DOCTYPE html> 根元素元素... 阅读全文
摘要：
scrollHeight: 获取对象的滚动高度，对象的实际高度；scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取当前对象到其上级层左边的距离.offsetTop:获取当前对象到其上级层顶部的距离.event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容 阅读全文