js部分知识点 |
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(单位秒)都可以设置存储时间