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)
事件對象與事件
因某個事情的觸發,導致瀏覽器自動執行一個方法。
瀏覽器要自動執行的方法就叫事件
與事件相關的一個參數就叫做事件對象
火狐:
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);
例子:當輸入後,可能等一會兒纔會向服務器發出請求