摘要： 1.实现三个标签的切换，不考虑那么多，只是实现点击menu1就显示content1；点击menu2显示content2；点击menu3显示content3。这个很容易实现：<style type="text/css">.tab{width:400px;text-align:left;margin:10px;}.tab-menuWrapper{padding-left:20px;}.tab-menuWrapper li{float:left;display:inline;border:1px solid #333;border-bottom:none;margin 阅读全文

摘要： 写一个简单的正则表达式应用原有字符串：var a = "string = 'abc'",b = "number = '123'"想通过正则表达式替换成：var a="",b=""接下来看我操作的过程1.//var a = "string = 'abc'",b = "number = '123'"var str = "var a = \"string = \'abc\'\&quo 阅读全文

摘要： 1.创建RegExp对象的方法/pattern/attributes;new RegExp(pattern,attributes);2.RegExp对象的属性global,ignoreCase,multiline,lastIndex,source;3.RegExp对象的方法test(),exec(),compile();4.支持RegExp对象的String方法replace(),macth(),split(),search();5.修饰符i,g,m6.方括号用于查找某个范围内的字符[abc][^abc][0-9][a-z][A-Z][ adgk][^adgk][red|blue|green] 阅读全文

摘要： 1.http://www.brunildo.org/test/relayout.html2.http://www.brunildo.org/test/index.html 阅读全文

摘要： 很多时候，CSS在IE下的解析十分奇怪，明明在FF中显示得非常正确，但到了IE下却出现了问题，有的时候，这些问题甚至表现得非常诡异，例如一个比较经典的bug就是设置border的时候，有时候border会断开，刷新页面或者滚动滚动条的时候，断掉的部分又会连接起来。这些诡异的问题往往大部分和IE下一个神秘的属性相关——hasLayout。hasLayout是IE浏览器专有的一个属性，用于CSS的解析引擎。有时候在IE下一些复杂的CSS设置解析起来会出现bug，其原因可能与hasLayout没有被自动触发有关，我们通过一些技巧，手动触发hasLayout属性就可以解决Bug了。这也算是针对IE下疑 阅读全文

摘要： 1.采用:after的方法清除浮动优点：避免在html里插入多余的标签详情：http://www.positioniseverything.net/easyclearing.html整理成一个通用的.clearfix.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}content:'.'的作用是在清除元素的内容后边添加一个“点”，当然添加其他也可以，只是"点"简单。display:block之所以设成blo 阅读全文

摘要： Javascript中call的使用自己感觉蛮纠结的，根据文档很好理解，其实很难确定你是否真正的理解。call 方法应用于：Function 对象调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数：thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Gl 阅读全文

摘要： 何为伪类？也就是实际实现了类的效果，但是并没有实际添加到标签中的类，这样的就是伪类。伪类的典型构成就是使用了（:）冒号。1.先说最常用的a链接的伪类，目前市场上的主流浏览器都支持。:link 链接样式:visited 链接访问过后的样式（只要访问历史记录存在）:hover 鼠标悬停样式:active 鼠标按下样式其中有些规则，需要按着（Love ha）的顺序样式才会生效。而且这4个伪类不只可以用在a链接上，也可以用在其他元素上，当然最常的是:hover来实现翻转效果,但IE6对于元素的hover不支持，IE7也要在DOCTYPE为strict时，才支持，比如<style type=&qu 阅读全文

摘要： callee返回正被执行的Function对象，也就是所指定的Function对象的正文。callee属性是arguments对象的一个成员，它表示函数对象本身的引用，这有利于匿名函数的递归或者保证函数的封装性。下面看callee的几种用法：1.arguments.length是实参长度，arguments.callee.length是形参长度，由此可以判断调用的形参长度是否和实参长度一致。 1 function test(x,y,z){ 2 checkArg(arguments); 3 return x+y+z; 4 } 5 function checkArg(arg){ 6 var arg 阅读全文

摘要： 随着HTML5技术的普及和推广，Web开发社区逐渐开始尝试在RIA（富互联网应用）中使用HTML5，这种实践主要优势在于开发人员能够通过HTML5的各种技术以一种前所未有的统一、简洁、无插件依赖的方式实现炫目、复杂的Web应用，HTML5的优越性已经得到了开发社区的普遍认可。不过，就像其他Web技术诞生时的情况一样，作为新生儿的HTML5在各种Web浏览器中的实现程度或者说平台兼容性一直是Web开发人员的心病。本文将介绍Web浏览器对HTML5技术的兼容性，希望能够帮助Web开发人员在应用HTML5技术时充分考虑到平台差异性。从2006年WHATWG和W3C决定合作制定HTML5标准以来（预计 阅读全文