1、零碎知识点
1、open(url,打开方式)-----------打开一个新窗口；
2、window
1、window.navigator.userAgent-----------获取浏览器信息；
检测浏览器内核信息，判断浏览器
2、window.history
window.history..back()----------返回上一页（相当于history.go(-1)）
history.forward()--------------返回下一页（相当于history.go(+1)）
history.go(number|URL)---------返回具体那一页或具体某个url（必须在历史纪录中）
history.length-----------------返回历史纪录个数
3、window.location 获取浏览器地址栏信息
1、window.location.href 获取浏览器url地址
2、window.location.search 返回url “？”号后面的内容
3、window.location.hash 返回url “#”号后面的内容
4、window.location.reload() 相当于F5刷新
window.location.reload(true) 会绕过缓存，从服务器上重新下载该文档
window.location.reload(false) 如果有缓存，从缓存里重新加载该文档
5、window.location.assign("http://www.w3school.com.cn") 重新加载一个新文档
6、location.replace(newURL)
replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时，新的 URL 将覆盖 History 对象中的当前记录。
4、可视区尺寸
1-1、document.documentElement.clientWidth______可视区宽度
1-2、document.documentElement.clientHeight______可视区高度
2-1、document.documentElement.scrollTop/scrollLeft______滚动的高/宽
2-2、document.body.scrollTop/scrollLeft______滚动的高/宽（兼容IE版本）
3-1、document.body.scrollHeight_____可以获取页面任何元素的“内容”的高
4-1、document.documentElement.offsetHeight______文档的高度
4-2、document.body.offsetHeight______文档的高度(兼容版本）
5、事件名称
1、鼠标事件
onclick--------点击
2、键盘事件
onkeydown--------键盘按下
onkeyup--------键盘抬起
onkeypress--------键盘按下并抬起
ev.keyCode -----------获取键值
3、窗口事件
onscroll--------当滚动条滚动时
onresize---------当浏览器窗口大小发生改变时
4、表单（input）事件
onfocus--------获取焦点 （当window.onfocus表示网页窗口获得焦点）
onblur--------失去焦点（当window.onblur表示网页窗口失去焦点，即：最小化或切换窗口）
6、Event事件对象
IE、chrome：event为内置对象
FF、chrome [标准浏览器]：事件对象是通过事件函数的“第一个参数”传入的
function（ev）{
ev=ev||event
}
1、鼠标位置
pageX/pageY----------鼠标相对于页面文档的X/Y坐标
clientX/clientY-----------鼠标相对于可视区的X/Y坐标
拓展：screenX/screenY------------鼠标相对于屏幕的X/Y坐标
offsetX/offsetY------------同pageX/pageY （只有IE支持）
2、事件冒泡：当一个元素接收到事件的时候，会把它接收到的所有事件传递给他的父级
阻止事件冒泡：当前要阻止冒泡的事件函数中调用：
1·ev.cancelBubble=true---------适应于事件绑定（其实通用）
2·ev.stopPropagation()----------适应于事件监听（其实通用）
ev.cancelBubble=true---------适应于事件绑定
ev.stopPropagation()----------适应于事件监听
3、事件默认行为
阻止事件默认行为：1、在这个事件的处理函数最后使用 return false
2、绑定事件阻止默认行为：ev.preventDefault()
4、事件监听（多事件绑定）
IE：obj.attachEvent(事件名，函数)
标准：obj.addEventListener(事件名(不带‘on’)，函数，是否捕获) ------true(捕获)、false(冒泡)
取消事件绑定：
IE：obj.detachEvent(事件名，函数)
标准：obj.removeEventHandler(事件名(不带‘on’)，函数，是否捕获)
IE下只有冒泡，没有捕获
5、事件委托
<li t id="btn6"></li>
var btn6 = document.getElementById("btn6");
document.onclick = function(ev){
ev = ev || window.event;
var target = ev.target || ev.srcElement;
if( target == btn6 ){
alert(btn5.value);
}
ev.target-------标准 下的事件源 （ ev.target.value[值]、 ev.target.tagName[标签名]）
ev.srcElement---------IE下的事件源
target.nodeName----可以获取标签名
网友评论