【JavaScript總結】JavaScript語法基礎:BOM

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);
  例子:當輸入後,可能等一會兒纔會向服務器發出請求  
  在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章