事件
事件的类型
鼠标类:
onclick(鼠标点击事件),ondblclick(鼠标双击事件)
onfocus(获得焦点),onblur(失去焦点)
onmouseover(鼠标移动到某元素上),onmouseout(鼠标移出某元素)
onchange(下拉列表项改变值时)
onsubmit(提交表单时触发) onreset(重置表单时触发)
onload(页面加载时触发)
键盘类:
onleydown(键盘按下)
onkeyup(键盘弹起)
事件对象:
event对象用于解决浏览器差异。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function getXY(obj){
//event:是不同浏览器自身的解释器实现的event对象
//window.event: window统一实现的event对象
obj = obj || window.event;
//获取x轴坐标
var x = obj.x || obj.pageX;
//获取y轴坐标
var y = obj.y || obj.pageY;
alert("x轴:"+x+"====y轴:"+y);
}
function getKeyCode(obj){
obj = obj || window.event;
alert(obj.keyCode);
}
</script>
</head>
<body>
</body>
</html>
BOM:(brower object model)浏览器对象模型
作用:操作浏览器窗口。
window:每个浏览器窗口
window中的三个弹出框效果:
警告框:window.alert("提示信息");
对话框1:window.confirm("描述信息"); 返回值:boolean
对话框2:window.prompt("描述问题","回答结果"); 返回值:String
定时器:
setTimeout("被执行的语句","间隔时间单位ms");
三种书写格式:
1.setTimeout("alert(‘hello‘);",3000);
2.setTimeout(function(){执行语句},3000);
3.setTimeout(函数名,3000);
setInterval("被执行的语句","间隔时间单位ms");
setTimeout 和 setInterval 之间的区别:
setTimeout:间隔执行一次
setInterval:循环执行
案例:
利用setTimeout实现时钟功能
window.open("url链接页面内容的地址","窗口的名称","配置信息"); //打开一个新窗口
window.close(); //关闭窗口
window.focus(); //获得焦点
BOM相关属性:
//记录浏览历史记录
后退: window.history.back(); window.history.go(-n); //n:后退的页面次数
前进: window.history.forward(); window.history.go(n); //n:前进的页
原文:http://www.cnblogs.com/huanhuan10/p/6442042.html