一、BOM概述
1. 概念:Browser Object Model 浏览器对象模型 * 将浏览器的各个组成部分封装成对象。2. 组成: * Window:窗口对象 * Navigator:浏览器对象 * Screen:显示器屏幕对象 * History:历史记录对象 * Location:地址栏对象
二、window窗口对象
1、window弹出方法
1. 创建2. 方法 1. 与弹出框有关的方法: alert() 显示带有一段消息和一个确认按钮的警告框。 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 * 如果用户点击确定按钮,则方法返回true * 如果用户点击取消按钮,则方法返回false prompt() 显示可提示用户输入的对话框。 * 返回值:获取用户输入的值3. 属性: 1. 获取其他BOM对象: history location Navigator Screen: 2. 获取DOM对象 document4. 特点 * Window对象不需要创建可以直接使用 window使用。 window.方法名(); * window引用可以省略。 方法名();-------------------------------------------
2、window打开、关闭方法
与打开关闭有关的方法: close() 关闭浏览器窗口。 * 谁调用我 ,我关谁 open() 打开一个新的浏览器窗口 * 返回新的Window对象------------------------------------------Title
3、window定时器方法
与定时器有关的方式 setTimeout() 在指定的毫秒数后调用函数或计算表达式。 * 参数: 1. js代码或者方法对象 2. 毫秒值 * 返回值:唯一标识,用于取消定时器 clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。 clearInterval() 取消由 setInterval() 设置的 timeout。----------------------------Title
4、轮播图案例
轮播图 /** 1.在页面上使用img标签展示图片* 2.定义一个方法,修改图片对象的src属性* 3.定义一个定时器,每隔3秒调用方法一次.* */
5、window属性
1. 获取其他BOM对象: history location Navigator Screen:2. 获取DOM对象 document------------------------------------
三、Location:地址栏对象
1. 创建(获取): 1. window.location 2. location2. 方法: * reload() 重新加载当前文档。刷新3. 属性 * href 设置或返回完整的 URL。----------------------------------------------location
自动跳转首页案例
自动跳转首页 5秒之后,自动跳转首页...
四、History:历史记录对象
1. 创建(获取): 1. window.history 2. history2. 方法: * back() 加载 history 列表中的前一个 URL。 * forward() 加载 history 列表中的下一个 URL。 * go(参数) 加载 history 列表中的某个具体页面。 * 参数: * 正数:前进几个历史记录 * 负数:后退几个历史记录3. 属性: * length 返回当前窗口历史列表中的 URL 数量。-----------------------------------------history History2 -----------------------------------------轮播图 /** 1.在页面上使用img标签展示图片* 2.定义一个方法,修改图片对象的src属性* 3.定义一个定时器,每隔3秒调用方法一次.* */