随笔分类 - JS
摘要：看这样一段内容： 在ff浏览器因为没有支持innerText所以自然无法使用，chrome浏览器中a标签的innerText属性是没有办法获取的，原因就是它的父级div将visibility设置为了hidden（而display:none并不影响chrome的innerText取值），那么在IE浏览
阅读全文
摘要：Dom事件触发顺序，拿文本框举例： 它会先触发focus事件，之后才会触发在有交点之后才能触发的一些如 click change 等事件（但如果有mousedown则先执行）。 而相对于blur而言，它会在有焦点的时候处理click change等事件，之后如果再有blur那么才会被触发。
阅读全文
摘要：在js操作html的时候如果想让某个元素获取焦点，一般去掉用其.focus()方法。 但如果为非表单元素的div span等，必须要添加属性tabIndex=1这个属性后调用.focus()方法即可！ *tabIndex取值最好小于1，避免打乱键盘Tab键真正的切换顺序*
阅读全文
摘要：在IE10中无法遮罩button按钮 改为css3的background-color:rgba(0,0,0,0);即可成功遮罩//前三个值是red green blue 最后一个数为透明度alpha范围0~1；代码如下：
阅读全文
摘要：.val() 能够取到 针对text，hidden可输入的文本框的value值。 而 .attr('value') 可以取到html元素中所设置的属性 value的值，不能获取动态的如input type="text" 的文本框手动输入的值。
阅读全文
摘要：直接看这样一个例子。 可以把上面的例子拆分为如下一个过程： 这样很清晰的就可以看出__proto__是对象实例的属性，而prototype是函数模板的属性；千万不要在实例的对象中在去寻找或者复写prototype属性啦，它根本就没有这东西!!! 很多人在此有所混淆。
阅读全文
摘要：如果在html元素中设置了style="display:none;height:90px;"的属性后，是无法获得offsetLeft ，offsetWidth，offsetTop，offsetHeight以及兼容性更好的clientHeight，clientHeight等（client..属性会比o
阅读全文
摘要：简单的说： mouseenter第一次进入这个元素的某个子元素时触发。一旦触发后，在mouseleave之前，鼠标在这个元素的子元素上触发mouseenter事件，不会触发这个元素的mouseenter事件。一旦进入，在子元素间的mouseenter不算是在本元素上的mouseenter。 而mou
阅读全文
摘要：有这样一段js： 那么在IE中是没有问题的，如：textArea它是可以创建出createTextRange对象的。那么下面的三句就是让当前的鼠标“光标”停留在num的位置（可以查询相关的资料）。这段代码你可选择在click中去触发。 也可以在focus中触发，这个时机你可以自己控制。 同样的效果在
阅读全文
摘要：js的严格模式会放弃js中的一些不正规的写法，参考 http://www.cnblogs.com/God-Shell/p/3139329.html； 使用声明"use strict"字符串可以启动js严格模式的检查，作用方式分为两种。 1 全局开启严格模式检查 那么这个"use strict"字符串
阅读全文
摘要：有这样一段代码： 假如你知道lastIndex是下一个匹配开始的索引，并且g是进行全局的匹配（否则只会匹配第一个符合正则规则的子串）。 那么问题就来了，在IE5.0下面，ar.lastIndex是可用的，但是到了高版本就变成了undefined。所以说如果想要使用下一个匹配索引值（lastIndex
阅读全文
摘要：拿浏览器的click事件来说： 在IE浏览器中如果一个element没有注册click事件，那么直接调用的话会出现异常！当然如果你注册了没有什么可说的。 那么如果使用fireEvent来处理，click事件注册了则直接触发注册的事件；即使没注册事件不会报错，如同用户点击了鼠标的左键的真实行为。 那么
阅读全文
摘要：readonly设置属性值并不影响readonly起作用，实质只要有了readonly就已经使用了只读状态。 在这个版本中：<script src="jquery-1.4.2.js"></script> $("#u").attr('readonly')的值返回始终为true 在jquery-1.9.
阅读全文
摘要：有一个文本框<input id="abc" type="text"/> 该文本框并且绑定了事件： 那么默认情况下点击abc这个文本框之外的元素都会使其触发blur事件 如果在元素上添加如下属性并且值为on就不会让之前获得焦点的任何元素失去焦点： 但chrome中不支持此属性 可以通过 样式解决： s
阅读全文
摘要：直接调用 _loadXML 即可拿到节点！
阅读全文
摘要：使用方法： 1 除了layer的success，end，cancel回掉函数以外其它的layer参数都可以使用。 2 使用前在layer的js后边把该js引入（可以命名为layerExtend）。 3 layerExtend中只包含一个endHandle回掉方法并且有一个data参数，用于关闭当前弹
阅读全文
摘要：提起JS中的继承很多”大神“们都会提起call,apply,单纯的对象赋值继承，以及原型链继承等众多的方式以及它们的不足之处，而且还会不时的把一些面向对象的设计模式”团团“的带出来，可谓是厉害非常啊！而当被问道JQuery的extend却很少人真正去实际了解它的”秘密“。其实JQuery的继承方...
阅读全文
摘要：吃完午饭，觉得有点发困，想起了以后我们的产品可能要做到各种浏览器的兼容于是乎不得不清醒起来！我们的web项目多数是依赖于Jquery的。据了解，在Jquery的2.0版本以后对IE的低端版本浏览器不再支持（IE 5,6,7,8）这样我们要做到兼容的话可能要调整当前jquery中的源代码。我使用N...
阅读全文
摘要：var JQ = function () {return new JQ.prototype.init();};JQ.prototype.init = function () { };JQ.prototype.css = function () { alert("css"); };JQ.prototy...
阅读全文
浙公网安备 33010602011771号