资源描述：
《js-BOM事件处理机制》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、一、BOM模型1、什么是BOM?browserobjectmodel。浏览器内置的一些对象，用来操作窗口。这些对象包括window,screen,location,navigator,document,XmlHttpRequest等。虽然该部分没有规范，但是，各个浏览器都支持这些对象。2、Window对象open方法打开一个新的窗口，例如：window.open('1.html','new','height=100,width=200,top=0,left=0,toolbar=no,menubar=no,
2、scrollbars=no,resizable=no,location=no,status=no')；'1.html'弹出窗口的文件名；'new'弹出窗口的名字；如果该参数指定了一个已经存在的窗口，则open()方法不再创建一个新窗口，而只是返回对指定窗口的句柄。height=100窗口高度；width=200窗口宽度；top=0窗口距离屏幕上方的象素值；left=0窗口距离屏幕左侧的象素值；toolbar=no是否显示工具栏，yes为显示；menubar是否显示菜单栏。scrollbars是否显示滚动栏
3、。resizable=no是否允许改变窗口大小，yes为是。location=no是否显示地址栏，yes为是。status=no是否显示状态栏内的信息。close方法关闭窗口返回值为窗口对象句柄status属性设置或返回窗口状态栏中的文本。document属性获得Document对象location属性获得Location对象navigator属性获得Navigator对象screen属性获得Screen对象opener属性获得打开当前窗口的窗口对象parent属性获得当前窗口的父窗口alert方法弹出一
4、个警告对话框confirm方法弹出一个选择对话框，返回用户是否确认。prompt方法弹出一个供用户输入信息的对话框，返回用户输入信息。setTimeout方法setTimeout(要执行的函数,毫秒数)方法用于在指定的毫秒数后调用函数。setInterval方法按照指定的周期（以毫秒计）来调用函数。vartaskId=setInterval(要执行的函数，毫秒数);返回值taskId用于clearInterval方法。clearInterval方法clearInterval(taskId);3、Docum
5、ent对象代表整个html文档的根节点。varobj=document.getElementById(id);varobj=document.createElement(tagName);document.write(string);4、Location对象封装了浏览器地址栏的相关信息。href属性：指定加载的页面。比如：location.href='js02.html';5、Navigator对象封装了浏览器本身的一些信息，比如浏览器的类型、版本、支持的语言等。6、Screen对象封装了屏幕的一些信息，
6、比如分辨率。二、事件处理机制1、事件是如何产生的。第一种情况，用户对网页做了某些操作，比如，点击了一个按钮，产生点击事件。第二种情况，用户没有对网页做操作，也可能产生事件，比如浏览器已经将整个页面加载完毕，会产生加载完成事件。当事件产生以后，浏览器会查找产生事件的节点有没有绑订相应的事件处理代码。如果有，则调用该代码来处理。如果没有，会继续向上查找父节点，有没有对应的事件处理代码(事件冒泡)。2、绑订事件处理代码1)绑订事件处理代码到html标记之上。比如:7、"f1();">click2)绑订事件处理代码到dom节点之上。varobj=document.getElementById('a1');obj.onclick=f1;要注意:a,f1不要加"()",加"()"表示立即执行f1这个函数。b,可以使用匿名函数进行绑订。即：obj.onclick=function(){//代码。}c,绑订事件处理代码到dom节点之上，可以将js代码与html完全分离，方便代码的维护。d,如果要给绑订的函数传参。可以使用匿名函数来解决。即:obj.onclick=fun
8、ction(){f(参数);}3)使用浏览器自带的绑订方式，不同的浏览器，有各自独有的绑订方式，因为不兼容，所以尽量少用。3、事件对象1)获得事件对象ie:可以直接使用event获得。firefox:必须给方法添加一个参数event。为了兼容ie,firefox，给方法添加一个参数event。2)事件对象的作用a,获得鼠标点击的坐标event.clientXevent.clientYb,获得事件源(产生事件的那个对象)fire
