js高级

• ​事件

  • ​onclick(点击)

  • ​onmousedown（鼠标按下）

  • ​onmousemove（鼠标移动）

  • ​onmouseup（鼠标放开）

  • ​onmouseenter（ 鼠标 进入  不包含子元素）

  • ​onmouseleave （鼠标离开  不包含子元素）

  • onmouseover（鼠标经过）

  • ​onmouseout（鼠标离开）

  • ​input的常用方法

    • ​onfocus（获得焦点）

    • ​onblur（失去焦点）

    • ​oninput（value发生改变）

    • ​onchange （失去焦点并且value放生改变）

  • ​键盘事件

    • ​onkeydown（键盘按下）

    • ​onkeyup（键盘松开 ）

    • ​​修改键：事件对象中有四个属性shiftKey,ctrlKey,altkey,metakey，均是布尔值。分别表示shift键，ctrl键，alt键，meta键是否被按下。

    • ​在事件event.keyCode获取键码

  • ​oncontextmenu（鼠标右键）

  • ​鼠标滚轮事件（页面有没有滚轮都行）

    • ​onmousewheel  ie谷歌

      • ​wheelDelta   上负下正

    • ​DOMMouseScroll   火狐

      • ​detail  上正下负

  • ​onscroll（检测滚动条）

• ​Math

  • ​ abs()   计算一个数的绝对值

  • ​ceil可以对一个数进行向上取整

  • ​floor()可以对一个数进行向下取整

  • ​round()对一个数进行四舍五入取整

  • ​Math.random()可以生成一个0-1的随机数

  • ​max() 可以获取多个数字间的最大值

  • ​min() 可以获取多个数字间的最小值

  • ​pow()返回x的y次幂

  • ​sqrt() 对一个进行开方

• ​事件冒泡

  • ​clientX（获取鼠标位于x轴的距离） clientY（获取Y轴的）

  • ​取消冒泡事件

    • event.​cancelBubble=true（兼容ie和谷歌）

    • ​event.stopPropagation()  （兼容火狐）

  • ​键盘event.keyCode（返回键码）  

  • ​pageX，pageY页面上的坐标

  • ​事件委托

    • ​event.srcElement（Chrome IE）

    • event.target（火狐）

    • ​event.target||event.srcElement

      • ​tagName（标签）

      • ​calssName（class名大写）

      • ​nodeName（常用  元素的标签名 大写）

• ​Date

  • ​new Date(可以写日期)  

  • ​Date.now()  getTime()  获取时间戳  

  • ​getDate()获取当前日期

  • ​getDay()获取当前是周几  返回0-6  0是星期天

  • ​getMonth()获取当前是几月  返回一个0-11的值  0是1月

  • ​getFullYear()  获取年份

  • ​getHours() 获取小时

  • ​getMinutes() 获取分钟

  • ​getSeconds()  获取秒

  • ​getMillSeconds() 获取毫秒

• ​正则

  • ​格式

    • new RegExp("正则表达式","匹配模式")

    • ​/正则表达式/匹配模式

  • ​test()检查一个字符串是否符合正则表达式的规则 返回true和false

  • ​|和 []是或

  • ​ 量词

    • ​{n}正好出现n次

    • ​{n,b}出现n到b次

    • ​{n,}出现n次以上

    • ​+ 至少出现一次 相当于{1,}

    • ​* 0个或多个 相当于{0,}

    • ​？ 0个或一个 相当于{0,1}

  • ​^表示开头（还有除了） $表示结尾

  • ​\w 任意字母和数字以及_[A-z0-9_]

  • ​\W 除了字母和数字以及_[^A-z0-9_]

  • ​字符串与正则

    • ​search()只会查找第一个

    • ​match()可以通过全局变量g匹配所有内容 并以数组形式返回

• ​取消默认事件（return false）

• ​事件绑定

  • ​obj.addEventListener(事件去掉on,函数，true/false)

  • ​obj.attachEvent（事件，函数）ie8以下

  • ​解除绑定

    • ​obj.removeEventListener（事件名，函数，false）

    • ​obj.detachEvent（事件名，函数）ie8以下

• ​DOM 事件流

  • ​标准事件流:冒泡事件,捕获事件

  • ​捕获事件：从外往里走依次执行 -通过事件绑定里的true实现

  • ​冒泡事件：从里往外走依次执行 -通过事件绑定里的false实现

• ​json

  • ​​方法逐层访问，对象用for in 循环访问

• ​BOM

  • ​​获取浏览器的版本信息 window.navigator.userAgent

  • window.history.go(-1)  ||  history.back()  后退

  • window.history.go(1) || ​history forward()  前进

  • ​window.location.href 返回当前页面的 url

  • ​window.location.hostname  返回（当前页面的）因特网主机的名称

  • ​window.location.pathname   返回当前页面的路径名。

  • ​cookie（4k左右）

    • 检测是否启用   cookieEnabled 如果 cookie 已启用，返回 false

    • ​多个cookie存储时会默认加上  ;  

    • ​expires(单位天)和max-age(单位秒)都可以设置存储时间