js基础知识

事件:


•onmousedown 鼠标按下
•onmouseup   鼠标抬起
•onmouseover  鼠标移入
•onmouseout   鼠标移除
•onmousemove 鼠标移动
•onclick       点击事件
•onfocus      获得焦点
•onblur                 失去焦点       
•oncontextmenu        鼠标右键
•onsubmit   表单提交//不会有冒泡的，坑
•onkeydown        键盘按下
•onkeyup                键盘抬起
•onload                页面加载
•onscroll                页面滚动
•onresize                窗口大小变化       
•鼠标滚轮事件onmousewheel DOMMouseScroll
•输入框中value改变触发的事件onreadystatechange
•attachEvent事件绑定（IE）addEventListener 事件绑定（标准）
•event对象
•clientX/clientY  鼠标当前窗口的位置
•取消冒泡cancelBubble
•键盘键值keyCode     特殊的键值Event altKey、ctrlKey、shiftKey
•阻止默认事件preventDefault()return false



DOM操作:


•getElementById        获取ID元素
•getElementsByTagName                获取class类元素
•childNodes                子节点 特殊浏览器包括默认的文本节点（换行等……）
•children                        子节点
•firstChild/firstElementChildlastChild/lastElementChild兄弟节点
•nextSibling/nextElementSiblingpreviousSibing/previousElementSibing
•parentNode 父节点
•offsetParent        有定位属性的父节点
•nodeType                节点类型
•offsetWidth        元素的宽度（包括padding和border）
•offsetHeight        元素的高度（包括padding和border）
•clientWidth        可视区宽度
•clientHeight        可视区高度
•createElement                创建dom节点
•appendChild                插入子节点
•insertBefore                在子节点的第一个前面插入
•removeChild                删除子节点
•replaceChild                替换节点 并返回被替换元素



BOM操作:


•window.open()       
•window.close()
•window.location
•window.location.search
•window.location.hash
•window.navigator.userAgent



js基础:
判断


•if else
•switch case
•? :



循环


•for
•for in
•while



跳出循环


•continue
•break



比较undefined null  === == !
定时器类


•setTimeout
•clearTimeout
•setInterval
•clearInterval



参数集合
arguments
调回THIS指向


•call
•apply
•callee



数组和数组操作


•var arr = [];
•var arr = new Array();
•push                             
•pop
•shift
•unshift
•splice
•join
•sort
•concat



字符串操作


•split
•substring
•indexOf
•charAt



正则


•var re = //;
•var re = new RegExp();
•search
•match
•test
•replace



量词:
{n,m} + * ?字符类: [^0-9]标识: i g首尾: ^ $转义: \d \s \b \w
JS时间


•var oDate = new Date();
•getHours()
•getMinutes()
•getSeconds()
•getFullYear()
•getDay()
•getDate()
•setDate()



图片预加载
var oImg = new Image();
常用方法:


•getByClass()
•getStyle()
•posLeft()
•veiwHeight()
•documentHeight()
•scrollY()
•first()
•last()
•next()
•pre()



常用的JS操作应用


•加开关:bBtn
•加索引:index
•枚举
•递归
•迭代
•定时器
•alert/console.log测试



JS运动类的应用


•匀速运动
•缓冲运动
•弹性运动
•碰撞运动
•运动框架编写/使用



Math函数应用:


•max
•min
•abs
•random
•ceil
•floor
•round