摘要: 被页面卷去的高 : var top = document.documentElement.scrollTop + document.body.scrollTop ------------------因为 chrome只认识document.body.scrollTop浏览器可视区域高:var h = document.documentElement.clientHeight;元素的高: dom.offsetHeight元素的宽: dom.offsetWidth 阅读全文
posted @ 2012-05-22 10:27 崔创 阅读(108) 评论(0) 推荐(0)
摘要: Hammer.js是一个专门用于控制、定制手势的JavaScript库。它可以识别出常见的触摸、拖动、长按、缩放等等,对于希望在网页上对手势有所处理的朋友们,应该很有帮助。如何使用Hammer.js和其它JS库并没有很大不同,其主要提供的是数个手势的事件,这样开发者只需在特定的手势中绑定自己的处理函数即可。首先,包含Hammer.js本身:<scriptsrc="http://eightmedia.github.com/hammer.js/hammer.js"></script>之后,需要将接受手势事件处理的区域,绑定在Hammer.js对象上:va 阅读全文
posted @ 2012-04-27 18:34 崔创 阅读(784) 评论(0) 推荐(0)
摘要: call 方法调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。说明白一点其实就是更改对象的内部指针,即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有 阅读全文
posted @ 2012-04-21 23:00 崔创 阅读(273) 评论(0) 推荐(0)
摘要: 今天遇到一个诡异问题,场景如下 1.内网,XP(sp3),IE8 2.input无法得到焦点查遍百度google,否定dll缺失问题,兼容模式问题等等,扒开一层层css最终得到真相重现问题[html] view plaincopy<div><divstyle="position:absolute;top:0;left:0;"><inputtype="text"style="background:none;"/></div><imgsrc="http://avatar.cs 阅读全文
posted @ 2012-03-22 16:14 崔创 阅读(906) 评论(0) 推荐(0)
摘要: js方法,url处理。 阅读全文
posted @ 2012-03-21 11:23 崔创 阅读(1248) 评论(0) 推荐(0)
摘要: 下面是mootools里面的片断,基本思想是按照对象所具有的属性来区分:if (obj.nodeName){ alert(“DOM对象”)} else if (typeof obj.length == 'number'){ alert(“js对象”)} 只要没有特意去修改对象的这些特征属性,这样判定是可靠的. 阅读全文
posted @ 2012-03-21 10:44 崔创 阅读(169) 评论(0) 推荐(0)
摘要: <script type="text/javascript">var EventUtil = { addHandler: function (oElement, sEvent, fnHandler) { oElement.addEventListener ? oElement.addEventListener(sEvent, fnHandler, false) : oElement.attachEvent("on" + sEvent, fnHandler) }, removeHandler: function (oElement, sEven 阅读全文
posted @ 2012-03-21 10:43 崔创 阅读(304) 评论(0) 推荐(0)
摘要: 有时对一个html标签的点击会触发他父级标签的事件,这时候我们需要用到下面代码,在该标签的事件中加入取消后续的连带事件:if (e && e.stopPropagation)//因此它支持W3C的stopPropagation()方法e.stopPropagation();else//否则,我们需要使用IE的方式来取消事件冒泡window.event.cancelBubble = true; return false; 阅读全文
posted @ 2012-03-21 10:41 崔创 阅读(201) 评论(0) 推荐(0)
摘要: concat()连接两个或更多的数组,并返回结果。14join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。14pop()删除并返回数组的最后一个元素15.5push()向数组的末尾添加一个或更多元素,并返回新的长度。15.5reverse()颠倒数组中元素的顺序。14shift()删除并返回数组的第一个元素15.5slice()从某个已有的数组返回选定的元素14sort()对数组的元素进行排序14splice()删除元素,并向数组添加新元素。15.5toSource()返回该对象的源代码。1-toString()把数组转换为字符串,并返回结果。14toLocaleStri 阅读全文
posted @ 2012-03-16 16:11 崔创 阅读(141) 评论(0) 推荐(0)
摘要: input,button,select,textarea{outline:none}取消textarea可拖动:textarea{resize:none}所以,整理一下写在一起的话就是:input,button,select,textarea{outline:none}textarea{resize:none}让人抓狂的chrome和safari输入框的默认样式就此灰飞烟灭~~普天同庆ing~ 阅读全文
posted @ 2012-03-16 11:44 崔创 阅读(649) 评论(0) 推荐(0)