天天看点

【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)

【JavaScript总结】JavaScript语法基础:BOM

事件对象与事件

因某个事情的触发,导致浏览器自动执行一个方法。

浏览器要自动执行的方法就叫事件

与事件相关的一个参数就叫做事件对象

  火狐:

     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);

  例子:当输入后,可能等一会儿才会向服务器发出请求  

  

【JavaScript总结】JavaScript语法基础:BOM