随笔分类 - Javascript学习日记
Javascript学习日记
摘要：什么时候用阻止事件冒泡？例如：document上有A事件，div有B事件，div里面的span有C事件，如果不给span和div加阻止事件冒泡的话，点击span时就会触发到div的B事件、document的A事件，当点击span时不想触发div和document的事件就要加上阻止事件冒泡，div也是一样的道理。例子：无标题文档 关闭 View Code 1 2 3 4 5 无标题文档 6 11 43 44 45 46 47 48 关闭49 50 51 52 53
阅读全文
摘要：search('a') 查找 返回的是位置，如果没有则返回-1substring 截取字符 substring(2,5) 2位开始，5结束，不包第5charAt 获取某个字符 charAt(0)split 分割字符正则表达式 JS写法：new RegExp('a','i') perl写法：var=/a/i;i 忽略大小写 如：var reg=/a/i;g 找到全部 如：var reg=/abcsaaa/g+ 若干 任意个.任意字符范围[abc]方括号内随便选哪个都行[a-z0-9]a到z 0到9[^a-z] ^排除，除了不少英文字母^不在方括号内
阅读全文
摘要：View Code /*设置cookie*/function setCookie(name, value, iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate;};/*使用方法：setCookie('user', 'simon', 11);*//*获取cookie*/function getCookie(name){ var arr=document.co
阅读全文
摘要：可视区宽：document.documentElement.clientWidth可视区高：document.documentElement.clientHeight滚动距离：document.documentElement.scrollTop;document.documentElement只兼容FireFox IE 兼容Chrome要用document.bodyvar scrollTop=document.documentElement.scrollTop||document.body.scrollTop
阅读全文
摘要：内置对象（静态对象）是不用通过new来实例化出来的，如：Math.ceil()内置对象（静态对象）Math Global本地对象（非静态对象）是通过new实例化出来的，如：var obj=new Object();常用的本地对象（非静态对象）有：Object Function Array String Boolean Number Date RegExp Error
阅读全文
摘要：用构造函数里面加属性function CreatePerson(name,qq){this.name=name;this.qq=qq;}用原型里面加方法 原型相当于CSS的class，就是给一组元素添加方法CreatePerson.protpype.showName=function(){alert(name);};CreatePerson.protpype.showQQ=function(){alert(qq);}新new一个变量var obj=new CreatePerson('Simon','460024241');var obj2=new CreateP
阅读全文
摘要：键盘事件：document.onkeydown=function(ev){ var oEvent=ev||event; alert(oEvent.keyCode);};回车键的keyCode=13Shift的keyCode=16Ctrl的keyCode=17Alt的keyCode=18方向键左的keyCode=37方向键右的keyCode=39方向键上的keyCode=38方向键下的keyCode=40空格键的keyCode=32如果要用Crtl Alt Shift和其它按键组合使用的话可以使用 crtlKey altKey shiftKey事件
阅读全文
摘要：要加整个页面加事件要使用document，例如要捕抓鼠标位置document.onclink=function(ev) //FireFox Chrome默认都是有一个值传进来的{ var oEvent=ev||event; //兼容IE和FireFox Chrome 只要一个为真就可以执行 alert(oEvent.clientX); };/*取消事件冒泡*/oDiv.onclick=function(ev){ oEvent=ev||event; oEvent.cancelBubble=true;}
阅读全文
摘要：完美运动框架：可以同时运动，以往的运动框架都是一个运动完另一个再运动，完美运动框架是支持多个运动同时进行，把之前的对象属性值attr和目标值iTarget用json替换。点击打开代码 1 <script> 2 function startMove(obj,json,fnEnd) 3 { 4 clearInterval(obj.timer); //清除当前对象的定时器 5 obj.timer=setInterval(function() //定义当前对象的定时器 6 { 7 var bStop=true; //假设：所有值都已经到了 ...
阅读全文
摘要：任意值运动框架思路：1、任意值运动框架带有3个形参，第一个是obj对象，第二个是attr属性，第三个是iTarget对象运动的目标值。2、清除当前对象的定时器 clearInterval(obj.timer)3、设置定时器 obj.setInterval(function(){},30)3.1、定义一个空的cur用来设置当前属性。3.2、因为有时候是opacity透明度运动，所以就要用if else加一个判断1 if(attr=='opacity'){2 cur=Math.round(parseFloat(getStyle(obj,attr))*100); //opacity要
阅读全文
摘要：offset类来获取物体的值很方便，但是offset存在一个bug，就是当给offset设置border的时候，offset获取值就不起作用。offset类的替代方法：parseInt(getStyle(obj,name));如 oDiv.offsetWidth=parseInt(getStyle(oDiv,'width'));getStyle是获取物体样式的函数，必须有个函数才能获取到样式，具体如下： 1 <script> 2 fuction getStyle(obj,name) //obj对象 name属性名 3 { 4 if(obj.currentSty...
阅读全文
摘要：创建元素是用createElement,先把创建的元素赋值给一个变量，再把这个变量插入到文档元素中。末尾插入元素是用：appendChild appendChild的形式是：父级.appendChild(子节点)，把子节点插入到父级下的末尾。insertBefore:在父级之前插入子节点，形式：父级.insertBefore(子节点,在谁之前)removeChild:从父级删除一个子节点，形式父级.appendChild(removeChild)正常顺序插入Li 和倒序插入LI代码： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
阅读全文
摘要：childNodes子节点只算第一层，就算一个节点里面再包含一个节点也只视为一个节点。childNodes会算上文本节点不管文本还是元素都有nodeType属性。nodeType==3 是文本节点nodeType==1 是元素节点如果想获取UL（父节点）下的LI（子节点）是怎样获取呢？用childNode来获取，由于childNodes在高版本的浏览器不兼容所以要用nodeType来解决。1 <ul id="ul">2 <li></li>3 <li></li>4 <li></li>5 <
阅读全文
摘要：setInterval：指定时间内一直重复某个动作 setInterval(函数名,时间) setInterval(show,1000)setTimeout：指定时间内执行某个动作一次setTimeout(函数名,时间) setTimeout(show,1000)clearInterval：关闭定时器clearInterval(show)clearTimeout：关闭定时器 clearTimeout(show)
阅读全文
摘要：数组定义 var arr=[1,2,3,4,5,6] 数组的属性只有length,length既可以获取也可以设置，arr.length=3，这样设置的话只会显示数组的前3个。数组的方法：push(元素)：从尾部添加unshift(元素)：从头部添加pop()尾部删除shift()从头部删除splice可以在数组的任意位置添加删除元素splice删除元素(起点，长度) arr.splice(1,2)从数组的第一个位置起删除2个数，所以数组只有 arr[1,4,5,6]splice添加元素(起点，元素) arr.splice(2,'a','b')从数组的第二个位置
阅读全文
摘要：IE获取非行间样式：currentStylechrome、FireFox获取非行间样式：getComputedStyle getComputedStyle带两个参数，第一个是对象名，第二个随便填都行，一般写false。getComputedStyle(oDiv,false)获取非行间样式代码： 1 if(oDiv.currentStyle){ 2 3 alert(oDiv.currentStyle.width); //IE 4 5 } 6 7 else{ 8 9 alert(getComputdeStyle(oDiv,false).width); //FF10 11 }取样...
阅读全文
摘要：arguments是一个数组，存的是一些参数。在Jquery中有一个css()函数，css(oDiv 'width')为获取元素的宽；css(oDiv 'width' '200px')为设置宽度为200px。下面用javascript的arguments来实现这个功能。 1 function css(){ 2 3 if(arguments.length==2){ //如果数组的长度是2就是获取样式 4 5 return arguments[0].style[argements[1]]; //返回arguments数组的元素的属性值 css(oDi
阅读全文
摘要：Json：是在javascript用来存数据的一种方法。Json形式： var Json={a:1 , b:2 , c:3};数组形式：var arr=[1,2,3];Json个数组的区别：1、Json的下标是字符串，如调用第一个数据时用：Json.a 。 数组的下标是数字如 arr[0]2、Json没有length，数组有lengt用Json来存数据，如果遇到需要循环需要用 for(元素变量 in 变量名){}；因为Json没有length所以要用for in循环，for in循环可以用于Json和数组for(i in Json){ 语句};什么时候用for循环，什么时候用for in循环？
阅读全文
摘要：真：true、非零数字、非空字符串、非空对象假：false、数字零、空字符串、空对象、undefined
阅读全文