JavaScript程序设计第六章BOM浏览器对象模型.pptx

JavaScript程序设计与应用 BOM浏览器对象模型 目 录BOM基础window 对象location对象navigator对象history对象screen对象 目 录BOM基础window 对象location对象navigator对象history对象screen对象 一、BOM概述内置函数BOM基础 BOM(Browser Object Model)浏览器对象模型，也是一个Web APIs接口，它提供了独立于内容而与浏览器窗口进行交互的对象，即把浏览器当作一个对象来看，BOM的顶级对象是window。二、BOM的构成 BOM由一系列相关的对象构成，并且每个对象都提供了很多属性和方法。通过这些对象我们可以与浏览器窗口进行交互。 目 录BOM基础window 对象location对象navigator对象history对象screen对象 一、window对象window对象1、window对象是浏览器的顶级对象，它是JavaScript访问浏览器的一个接口。2、window是JavaScript在浏览器中的全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。在调用的时候可以省略window。 二、window对象的常用事件window对象1、onload事件加载当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等)通过onload可以将JS代码写到页面元素的上方而不会影响代码的执行2、onDOMContentLoaded加载DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表、图片、flash等。IE9以上支持如果页面的图片很多，从用户访问到onload触发可能需要较长的事件导致页面交互效果不能实现，此时用DOMContentLoaded更合适3、调整窗口大小window.onresize：当调整窗口大小时会触发事件，利用这个事件可以实现响应式布局 三、window对象的方法window对象1、窗口操作方法（1）open()：打开新的窗口（2）moveBy()、moveTo()：移动窗口位置（3）resizeBy()、resizeTo()：改变窗口大小（4）print()：打印窗口（5）scrollBy()、scrollTo()：滚动窗口（6）close()：关闭窗口 window对象2、三种对话框“对话框”是指那些为用户提供有用信息的弹出窗口。(1)alert()方法:只接受一个参数，即要显示给用户的文本。调用alert()方法后，浏览器将创建一个具有确定按钮的系统消息框，显示指定的文本。通常用于一些对用户的提示信息，例如在表单中输入了错误的数据时，显示警告对话框。(2)prompt()方法：提示用户输入某些信息，接受两个参数，即要显示给用户的文本和文本框中的默认文本。如果点击“确定”按钮，将文本框中的值作为函数值返回；如果点击“取消”按钮，返回空值。(3)confirm()方法：只接受一个参数，即要显示的文本，浏览器创建一个具有“确定”按钮和“取消”按钮的系统消息框，显示指定的文本。该方法返回一个布尔值，如果点击“确定”按钮，返回true；点击“取消”按钮，返回false。 window对象3、setTimeout定时器（1）setTimeout() 方法：用于在指定的毫秒数后调用函数或计算表达式。该方法接受两个参数，要执行的代码和在执行它之前要等待的毫秒数（1/1000秒）。 （2） clearTimeout()方法:如果要取消还未执行的暂停，可调用clearTimeout()方法，并将暂停ID传递给它 调用函数可以写函数、函数名或者字符串形式的函数名毫秒数省略时默认为0可以给定时器赋值一个标识符，也叫暂停ID window对象4、setInterval定时器(1)setInterval() 方法:与setTimeout()相似，只是它无限次地每隔指定的时间段就重复一次指定的代码。即按照指定的周期（以毫秒计）来调用函数或计算表达式。它的参数与setTimeout()相同，是要执行的代码和每次执行之间等待的毫秒数。 （2） clearInterval() ：setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。因为如果不取消时间间隔，就会一直执行它，直到页面被卸载为止。 目 录BOM基础window 对象location对象navigator对象history对象screen对象 location对象 window对象给我