DOM是文档对象模型,操作对象是文档 window.document,和浏览器没有直接关系
DOM常用事件:
onload,onbeforeunload, onunload
onclick,ondblclick
onkeydown,onkeyup,onkeypress
onmousedown,onmouseup,onmousemove,onmouseover,onmouseout
BOM是浏览器对象模型,navigator、history、screen、location、window五个对象组成的,最根本对象是window。
window就是一个全局的对象Global,是一个全局的容器,所有的东西都是他的成员
window对象
window.location属性
window.location.href=“url”
window.location.reload();
剪贴板对象
clipboardData.SetData(“text”,value);
clipboardData.getData(“text”);
clipboardData.clearData(“text”);
oncopy事件
onpaste事件
oncut事件
禁止复制,禁止粘贴,复制添加版权案例
screen对象
获取分辨率
history对象
back方法和forward方法
go(-1)与go(1)
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHL90zdOZWNXpVb5cVWvB3MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLxQTM3MjN1kDMxMDMxkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
事件对象与事件
因某个事情的触发,导致浏览器自动执行一个方法。
浏览器要自动执行的方法就叫事件
与事件相关的一个参数就叫做事件对象
火狐:
var dv= document.geElementById(“dv”);
dv.οnmοusedοwn=function(e){
alert(“123”);
};
IE:
var dv= document.geElementById(“dv”);
dv.οnmοusedοwn=function(){
alert(window.event.button);
};
通用的做法:
var dv= document.geElementById(“dv”);
dv.οnmοusedοwn=function(e){
e=e || window.event;
alert(e.button);
};
计时器
开启:
number window.setInterval(callback,millisecond);
每隔制定毫秒后调用一次回调函数,返回一个ID
关闭:
window.clearInterval(intervalId);
延时器
等待制定时间来执行代码,语法与定时器类似,但是只执行一次
开启:
number window.setTimeout(callback,millisecond);
等待制定时间调用回调函数,只会执行一次,返回延时器的ID
关闭:
window.clearTimeout(timeoutId);
例子:当输入后,可能等一会儿才会向服务器发出请求