onclick="return false;"

 1 function getInnerText(element) { 2     if (typeof element.innerText === "string") { 3         return element.innerText; 4     } else { 5          return element.textContent; 6     } 7 } 8 function setInnerText(element, content) { 9     if (typeof element.innerText === "string") {10          element.innerText = content;11     } else {12          element.textContent = content;13     }14 }   

1  function getMax(a, b, c) {2      if (getMax.arguments.length === 2) {3           return a > b ? a : b;4       }5       if (getMax.arguments.length === 3) {6           return (a > b ? a : b) > c ? (a > b ? a : b) : c;7       }8 }

 1 function sort(arr, fn) { 2     for (var i = 0; i < arr.length - 1; i++) { 3         var flag = true; 4         for (var j = 0; j < arr.length - 1 - i; j++) { 5             if (fn(arr[j], arr[j + 1]) > 0) { 6                 var temp = arr[j]; 7                 arr[j] = arr[j + 1]; 8                 arr[j + 1] = temp; 9                 flag = false;10             }11         }12         if (flag) {13             break;14         }15     }16     return arr;17 }

 1      function Student(name,sex,age) {//name就是名字,//sex--性别,age---年龄 2         //设置属性和方法的值,不需要new Object();不需要返回值 3         //对象直接用this 4         //this.name是对象的属性,后面的name是用户传的参数 5         this.name=name;//名字 6         this.age=age; 7         this.sex=sex; 8         this.sayHi=function () { 9             console.log("阿涅哈斯诶呦!");10             console.log("我的名字:"+this.name+"性别"+this.sex+"年龄"+this.age);11         };12     }13     //创建对象14     var stu=new Student("小明","男",18);15     stu.sayHi();

 1     isArray();这个方法是判断变量是不是数组 2     toString();这个方法是转字符串类型 3     join();这个方法可以把数组中每个元素按照分隔符的方式转换成字符串返回 4     push();追加元素的 5     pop();//删除数组中最后一个元素,返回值是被删除的这个元素 6     shift();这个方法删除数组中的第一个元素,返回值就是被删除的元素 7     unshift();这个方法向数组中第一个元素之前插入一个新的元素(或者是插入多个元素),返回值是数组的新的长度 8     find();在某个数组中查找满足条件的元素,找到则返回该元素，找不到则返回undfined 9     concat();//新的数组和旧的数组拼接,产生一个新的数组10     slice();可以从原来的数组中截取出来指定的一部分元素，产生新的数组11     splice();第一个参数是开始的下标,第二个参数是要替换的个数；可以有第三个参数，第四个参数.......；该方法返回的是一个数组,如果没有替换则返回空数组.12     indexOf();ES5,查找某个元素，第一个参数是要查找的元素,第二个参数是开始查找的下标,找到了则返回该元素的索引，找不到则返回-113     lastIndexOf();ES5,这个方法也是查找元素,从后面向前面找,找到则返回对应的下标,找不到则返回-1,序号规则是按照数组中的元素的序号顺序进行返回14     >>>>>下面几种方法，ES5，都是在遍历数组中的每一个元素，并且利用回调函数处理数组中的每一个元素，所有的回调函数都是采用（数据项，序号）的方式调用15     arr.every(fn(v,i){});ES5,传入一个函数,判断每个数组中的元素是否满足条件,如果都满足在回调函数中则返回true，有一个不满足条件的则返回false。16     arr.some(fn(v,i){});ES5, 传入一个函数,判断每个数组中的元素是否满足条件,如果都不满足在回调函数中则返回false，有一个满足条件的则返回ture。 17     arr.map(fn(v,i){});ES5,map这个方法可以传入一个回调函数。比如直接传入了一个Math.sqrt方法,sqrt方法是为某个数字开平方的,调用map方法传入Math.sqrt的时候,去掉了括号,也没有传入参数(map方法内部帮我们遍历并且传入数组的每个元素)18     arr.filter(fn(v,i){}); ES5，变量数组中每一个元素，并且按照某个要求去判断该元素是否符合要求，如果符合，那么回调函数返回true，如果不满足，回调函数返回false，该方法会将返回true的元素组织起来构成一个新的数组。全为false返回空数组19     arr.ForEach(function(v,i){}); ES5，单纯的循环操作。没有返回值，也没有跳出，这样的循环就是迭代。

 1 console.log(Math.max(1,2,3,4,5));//这些数字中的最大值 2 console.log(Math.min(1,2,3,4,5));//返回多个数中的最小值 3 console.log(Math.floor(45.84334));//向下取整 4 console.log(Math.ceil(5.4443));//向上取整 5 console.log(Math.round(67.55));//四舍五入 console.log(Math.random());//随机数0-1  6 console.log(parseInt(Math.random()*10+1)); //随机数1-10 7 console.log(parseInt(Math.random()*100+1)); //随机数1-100 8 console.log(Math.abs(-100));//返回绝对值        9 console.log(Math.pow(4,3)); //4的3次幂  10 console.log(Math.sqrt(16)); //开平方11 console.log(Math.sin(4));//返回正弦值

1     if(window.confirm("你确定要退出吗?")){2         //执行到这里,证明用户点击了确定按钮3         console.log("点击了确定");4     }else{5         //证明了用户点击了取消的按钮6         console.log("点击了取消");7     }8     window.prompt("请输入用户名");

1   win=window.open("09test.html","_blank","width=200,height=200,top=100,left=100,resizable=no");2 win.close();//此时close方法 无论open中第一个参数是不是地址都可以关闭窗口3 win.moveTo(300,300);//把新打开的窗口移动到距离左侧和上面300px4 win.moveBy(20,20);//每次移动20px5 win.resizeTo(400,400);//窗口的大小发生了改变6 win.resizeBy(40,40);

 1     console.log(window.location.hash);//获取地址栏中有#后面的内容 2     console.log(window.location.host); 3     console.log(window.location.hostname); 4     console.log(window.location.pathname); 5     console.log(window.location.port); 6     console.log(window.location.protocol); 7     console.log(window.location.search); 8     location.href="";-------属性 9     location.assign("http://www.baidu.com");//---方法10     location.replace("http://www.baidu.com");//---方法----地址不会记录到历时中----后退点不了11     location.reload();//刷新的---一般情况在页面中谁不会来一个按钮点一下刷新

 1     document.getElementById("txt").onkeydown=function (e) {     console.log(e.keyCode); }; 2     window.onresize=function () { 3         if (document.body.clientWidth>960) { 4               console.log("您用的是电脑浏览的该页面"); 5           }else if(document.body.clientWidth>500){ 6               console.log("您用的是平板浏览的该页面"); 7           }else{ 8               console.log("您用的是手机浏览的页面"); 9           }10         }11     }; // 判断浏览器窗口大小12     document.onclick=function (e) {   13       document.title = e.screenX+"==="+e.screenY; //screenX和screenY是相对于屏幕的左上角14         console.log(e);15     };16     screenX和screenY是相对于屏幕左上角的坐标17     e.button是鼠标左右键和滚轮的值18     e.keyCode 是获取用户按下的是哪一个键盘中的键19     e.shiftKey 判断用户是否按下了shift键20     this是当前触发事件的对象21     target是事件源对象-----源头---IE8中不支持22     window.event.srcElement是事件源对象----源头---谷歌支持

 1     document.onmousemove=function (e) { 2         e=e||window.event; // 兼容代码 3         document.title=e.clientX+"==="+e.clientY; // clientX和clientY----事件参数获取 4         imgObj.style.position="absolute"; 5         imgObj.style.left=e.clientX+"px"; 6         imgObj.style.top=e.clientY+"px"; 7         imgObj.style.left=e.pageX+"px";//pageX--包含可视区域的横坐标和隐藏区域 8         imgObj.style.top=e.pageY+"px";//pageY---包含可视区域的纵坐标和隐藏区域 9     }；10     注意：11         1.如何获取某个事件处理的函数中的参数:arguments.length12         arguments---是一个对象,可以看成是一个数组13         2.获取可视区域的横纵坐标:14         > 事件参数.clientX和事件参数.clientY15         > 事件参数:就是某个事件处理的函数中传入的参数:16         > 事件参数可以使用arguments[0]来代替17         IE8中事件处理的函数中没有参数,如何在IE8浏览器中用到这个事件参数?18             答:window.event19         解决事件参数兼容问题:20             e=e?e:window.event;或者e=e||window.event;21         > 图片能够跟着鼠标移动是设置了图片的left和top分别等于clientX和clientY22             clientX和clientY是获取的可视区域的横纵坐标23         > 如果页面有滚动条了,此时卷出去的区域应该用pageX和pageY24         > e.type来获取事件的类型(没有on)

 1 function addEvent(element,eventName,fn) { 2     var oldEvent=element["on"+eventName]; 3     if(oldEvent==null){//表示该事件没有处理函数 4         element["on"+eventName]=fn;//注册事件了 5     }else{ 6     //有事件了---先调用原来的事件,再重新注册新的事件 7     element["on"+eventName]=function () { 8     //调用原来的事件-注册新的事件 9             oldEvent();10             fn();11         };12     }13 }    

 1     var eventArg = { 2         myAddEventListener: function (element, eventName, fn) { 3             //判断注册事件的方法是否存在----当前浏览器是否支持这种写法 4             if (element.addEventListener) {//谷歌和火狐 5                 element.addEventListener(eventName, fn, false); 6             } else if (element.attachEvent) {//IE8 7                 element.attachEvent("on" + eventName, fn); 8             } else { 9                 element["on" + eventName] = fn;10             }11         },12         myRemoveEventListener: function (element, eventName, fn) {13             if (element.removeEventListener) {//谷歌和火狐14                 element.removeEventListener(eventName, fn, false);15             } else if (element.detachEvent) {//IE816                 element.detachEvent("on" + eventName, fn);17             } else {//所有浏览器都支持18                 element["on" + eventName] = null;19             }20         }21     };

 1     small.onmousemove=function (e) { 2         var w=e.pageX-mask.offsetWidth/2; 3         var h=e.pageY-mask.offsetHeight/2; 4         var x=w-100; 5         var y=h-100; 6         x=x<0?0:x; 7         y=y<0?0:y; 8         x=x>this.offsetWidth-mask.offsetWidth?this.offsetWidth-mask.offsetWidth:x; 9         y=y>this.offsetHeight-mask.offsetHeight?this.offsetHeight-mask.offsetHeight:y;10         mask.style.left=x+"px";11         mask.style.top=y+"px";12         //按比例移动图片;遮挡层移动的距离/图片的移动距离=遮挡层最大移动距离/图片的最大移动距离--->图片移动的距离=遮挡层移动的距离*图片的最大移动距离/遮挡层最大移动距离13         var maxMaskMove=this.offsetWidth-mask.offsetWidth;//遮挡层移动最大距离14         var maxImgMove=img.offsetWidth-big.offsetWidth;//图片移动最大距离15         var imgMoveLeft=x*maxImgMove/maxMaskMove;16         var imgMoveTop=y*maxImgMove/maxMaskMove;17         //设置图片的移动18         img.style.marginLeft=-imgMoveLeft+"px";19         img.style.marginTop=-imgMoveTop+"px";20     };

1     function scroll() {2         return {3             left : window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,4             top : window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 05             };6     }

 1     console.log(document.title);//获取title标签中的字符串内容 2     console.log(document.body);//body对象 3     console.log(document.html);//undefined------获取不到 4     console.log(document.documentElement);//获取html标签对象 5 　 pageY---pageX 6     e.pageY=(document.body||document.documentElement).scrollTop+e.clientY 7     document.onclick=function (e) { 8         console.log(e.clientY); 9         console.log(e.pageY);10         console.log(window.event.clientY);11         console.log(window.event.pageY);//ie8中没有值12         document.documentElement.scrollTop; //在谷歌歌浏览器不支持,IE8中支持13         document.body.scrollTop; //在谷歌中支持,IE8中不支持14         var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;15     };

 1     //根据id获取对应的元素 2     function my$(id) { 3         return document.getElementById(id); 4     } 5     /* 6     * element---任意的元素 7     * attr---属性 8     * */ 9     function getAttrValue(element,attr) {10         return element.currentStyle?element.currentStyle[attr] : window.getComputedStyle(element,null)[attr]||0;11     }12     /*13     * element----要移动的元素14     * target----移动的目标15     * 初级版本16     * */17     function animate1(element,target) {18         clearInterval(element.timeId);19         element.timeId=setInterval(function () {20             //获取当前的位置21             var current=element.offsetLeft;22             //每次移动多少步23             var step=(target-current)/10;//(目标-当前)/1024             step=step>0?Math.ceil(step):Math.floor(step);25             current=current+step;26             element.style.left=current+"px";27             if(current==target){28                 clearInterval(element.timeId);29             }30             console.log("target:"+target+"current:"+current+"step:"+step);31         },10);32     }33     /*34     * 终版动画函数35     * */36     function animate(element,json,fn) {37         clearInterval(element.timeId);38         element.timeId=setInterval(function () {39             var flag=true;//假设都达到了目标40             for(var attr in json){41                 if(attr=="opacity"){//判断属性是不是opacity42                     var current= getAttrValue(element,attr)*100;43                     //每次移动多少步44                     var target=json[attr]*100;//直接赋值给一个变量,后面的代码都不用改45                     var step=(target-current)/10;//(目标-当前)/1046                     step=step>0?Math.ceil(step):Math.floor(step);47                     current=current+step;48                     element.style[attr]=current/100;49                 }else if(attr=="zIndex"){//判断属性是不是zIndex50                     element.style[attr]=json[attr];51                 }else{//普通的属性52                     //获取当前的位置----getAttrValue(element,attr)获取的是字符串类型53                     var current= parseInt(getAttrValue(element,attr))||0;54                     //每次移动多少步55                     var target=json[attr];//直接赋值给一个变量,后面的代码都不用改56                     var step=(target-current)/10;//(目标-当前)/1057                     step=step>0?Math.ceil(step):Math.floor(step);58                     current=current+step;59                     element.style[attr]=current+"px";60                 }61                 if(current!=target){62                     flag=false;//如果没到目标结果就为false63                 }64             }65             if(flag){//结果为true66                 clearInterval(element.timeId);67                 if(fn){//如果用户传入了回调的函数68                     fn(); //就直接的调用,69                 }70             }71             console.log("target:"+target+"current:"+current+"step:"+step);72         },10);73     }