随笔分类 -  JavaScript

摘要:一、返回createTextRange的text和htmlText二、获取指定文本框中的选中的文字:只响应第一个文本框三、页面文本倒序查找abababababababa四、聚焦控件后把光标放到最后五、得到文本框内光标位置六、控制input框内光标位置七、选中文本框中的一段文字八、控制文本框内光标的移... 阅读全文
posted @ 2015-01-22 16:54 evilfox 阅读(8440) 评论(0) 推荐(0)
摘要:Firefox for Android does not support the orientationchange event but you can achieve the same result by using media query listeners.var mqOrientation ... 阅读全文
posted @ 2014-11-28 17:17 evilfox 阅读(223) 评论(0) 推荐(0)
摘要:/判断手机横竖屏状态: function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态!") } if(window.orientatio... 阅读全文
posted @ 2014-11-26 16:23 evilfox 阅读(8376) 评论(0) 推荐(1)
摘要:在IE下是支持firstChild,lastChild,nextSibling,previousSibling但是在FF下,由于它会把标签之间的空格当成文本节点,所以为了准确地找到相应的元素,会用firstElementChild,lastElementChild,nextElementSibling,previousElementSibling兼容的写法是这样的var oFirst = oParent.firstElementChild||oParent.firstChild 也可以这么写 var oFirst = oParent.children[0];var oLast = oParen 阅读全文
posted @ 2013-04-25 15:44 evilfox 阅读(1450) 评论(0) 推荐(0)
摘要:<script>try{str="<p>abcdefg</p><p>abcdefghijkl</p>";re1=str.match(/<p>[\W\w]+?<\/p>/ig);alert("非贪婪模式:\r\n\r\n1:"+re1[0]+"\r\n2:"+re1[1]);re1=str.match(/<p>[\W\w]+<\/p>/ig);alert("贪婪模式:\r\n\r\n"+re1);re1=str 阅读全文
posted @ 2013-04-13 11:11 evilfox 阅读(688) 评论(0) 推荐(0)
摘要:写了一个js九九乘法表,不过这不是我要记录的重点,我发现在ie6/ie7中直接添加tr会不起任何作用,于是再将每个tr添加至tbody里就可以了,呵呵。。。其实也是,一个标准的table应该要拥有caption、thead、tbody、tfoot,当然也不是说必须要拥有,但我觉得tbody最好还是别漏,嗯。。。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& 阅读全文
posted @ 2013-03-15 23:09 evilfox 阅读(3072) 评论(0) 推荐(1)
摘要:IE6 IE7 IE8(Q) 在某些情况下 DOM 元素的 offsetTop、offsetLeft 的返回值参照元素以及 offsetParent 为距离其最近的触发了 hasLayout 的祖先级元素http://w3help.org/zh-cn/causes/SD9018#impacted_browsers 阅读全文
posted @ 2013-03-10 10:20 evilfox 阅读(357) 评论(0) 推荐(0)
摘要:Array.prototype.random=function(){ for(var i=0;i<this.length;i++){ var iNum=parseInt(Math.random()*this.length); var oNow=this[i]; //在未进行替换操作前记录下当前数组项 this[i]=this[iNum]; this[iNum]=oNow; } return this;};var arr1=[1,2,3,4,5,6,7,8,9,10];var arr2=['北京','天津','上海'... 阅读全文
posted @ 2013-03-10 07:31 evilfox 阅读(223) 评论(0) 推荐(0)
摘要:需要用到这种效果,但是看到网上找的写得又太高深,干脆就自动动手了,,哈哈。。。先写了个二级的,三级的原理也是一样的啦,不过目前我都没用到它。。。打个包给分享给需要的朋友吧,一定要location_cn.js才能用哦。。。下载<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/19 阅读全文
posted @ 2013-03-08 17:49 evilfox 阅读(4079) 评论(0) 推荐(0)
摘要:1.字符串重复字符保留一位//要求:将重复的字符保留一位var str= "aaaebbbcccdddgggg";var oReg=/(.)\1+/g; //这里的\1是对()里的任何一个字符的反向引用,也就是第2位的字符与第1位重复的才能匹配到,+表示该重复的字符可以出现一次或者多次。//alert(str.match(oReg));document.write(str.replace(oReg,'$1'));2.字符串所有单词首字母大写var str='aaa bbb ccc dddddd';var oReg=/\b\w+\b/g;doc 阅读全文
posted @ 2013-03-06 01:04 evilfox 阅读(157) 评论(0) 推荐(0)
摘要:1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是:Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property]; } return destination; }除此之外,还有种方法,就是:Function.apply(当然使用Function.call也是可以的)apply方法能劫持另外一个对象的方法,继承另外一个对象的属性Function.apply(obj,args)... 阅读全文
posted @ 2013-03-05 17:40 evilfox 阅读(170) 评论(0) 推荐(0)
摘要:实现递归的算法大家都是很熟悉的,比如一个求0到n的和的递归函数如下:varfn=function(n){ if(n>0)returnn+fn(n-1); return0; } alert(fn(10))当然这是一个很简单的函数,如果在一个很复杂的程序中我们可能只需要调用一次该函数,为了函数的精简我们当然要努力较少函数名的定义,这是很自然会想到用匿名函数来直接执行。但是如果是匿名函数如何实现递归?arguments.callee正好派上用场,他指代的就是当前执行的函数的引用。利用匿名函数实现的递归如下:vars=(function(n){ if(n>0)returnn+argumen 阅读全文
posted @ 2013-03-04 14:36 evilfox 阅读(197) 评论(0) 推荐(0)
摘要://要求:将字符串 8/10/2013 转为 2013-10-8var str='8/10/2013';//使用()分别创建分组,序号分别对应的就是 $1, $2 ,$3//var oReg=/(\d)\/(\d\d)\/(\d\d\d\d)/;//当然也可以用量词方便些var oReg=/(\d)\/(\d{2})\/(\d{4})/;oReg.test(str);//alert(str.match(oReg)); //返回整个字符串 8/10/2013//alert(RegExp.$1); //8 //访问分组1,返回 8//alert(RegExp.$2); ... 阅读全文
posted @ 2013-03-04 10:27 evilfox 阅读(203) 评论(0) 推荐(0)
摘要:非捕获性分组:创建反向引用的分组,这种分组一般称为捕获性分组。同时也存在一种非捕获性分组。它不会创建反向引用,因为在比较长的正则表达式中,分组多了会很影响效率。所以使用非捕获性分组。创建非捕获性分组是这样的(?:开始然后写表达式。例如:var str='#123456';//var oReg=/#(\w+)/g; //()的作用有多种,其中一咱就是捕获性分组,有些书上也称做“反向引用”,var oReg=/#(?:\w+)/; //非捕获性分组 ,在()左边添加 ?:alert(oReg.test(str)); //truealert(RegExp.$1); // '& 阅读全文
posted @ 2013-03-04 09:49 evilfox 阅读(1597) 评论(0) 推荐(0)
摘要:View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; ch 阅读全文
posted @ 2012-12-25 15:55 evilfox 阅读(362) 评论(0) 推荐(0)
摘要:无标题文档 阅读全文
posted @ 2012-12-04 17:00 evilfox 阅读(112) 评论(0) 推荐(0)
摘要://去掉字串左边的空格 function lTrim(str) { if (str.charAt(0) == " ") { //如果字串左边第一个字符为空格 str = str.slice(1); //将空格从字串中去掉 //这一句也可改成 str = str.substring(1, str.length); str = lTrim(str); //递归调用 } return str;}//去掉字串右边的空格 function rTrim(str) { var iLength; iLength = str.len... 阅读全文
posted @ 2012-09-26 13:42 evilfox 阅读(185) 评论(0) 推荐(0)
摘要:网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.body.scrollTop;网页被卷去的左: document.body.scrollLeft;网页 阅读全文
posted @ 2012-09-23 09:50 evilfox 阅读(202) 评论(0) 推荐(0)
摘要:宽度:window.innerWidth高度:window.innerHeight以上是遵循W3C的标准来获取,但是这在IE9版本下的浏览器中却返回undefined。解决方法:宽度:document.documentElement.clientWidth高度:document.documentElement.clientHeight这是非标准但却得到了很好的浏览器支持。 阅读全文
posted @ 2012-09-18 12:40 evilfox 阅读(234) 评论(0) 推荐(0)
摘要:JavaScript:void(0)“JavaScript:”表示后面的语句用JavaScript去执行,void(0)是一个函数,表示什么也不返回。这主要用来防止a 标签的浏览器默认行为:跳转。例:如果是:<a href="#">Click Me</a>的话,那就浏览器有自动跳转到锚#top,也就是返回到页面的顶端了。但是<a href="javascript:void(0)" >Click Me</a> ,就取消了浏览器的默认行为。 阅读全文
posted @ 2012-09-08 11:10 evilfox 阅读(3372) 评论(0) 推荐(0)