博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
BOM
阅读量:5219 次
发布时间:2019-06-14

本文共 2289 字,大约阅读时间需要 7 分钟。

一、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秒调用方法一次.* */

转载于:https://www.cnblogs.com/weiyiming007/p/11528169.html

你可能感兴趣的文章
迅为iTOP-4418开发板兼容八核6818开发板介绍
查看>>
com.fasterxml.jackson.databind.JsonMappingException
查看>>
【UVa 540】Team Queue
查看>>
排序算法(二)
查看>>
Python内置函数(36)——iter
查看>>
HTML标签_1
查看>>
jsp组成元素
查看>>
排序算法(转)
查看>>
windows自带的可生成各种数据库连接字符串工具打开方法
查看>>
Python命名规范
查看>>
滚动条
查看>>
程序员的自我修养九Windows下的动态链接
查看>>
Codeforces Round #361 (Div. 2)
查看>>
细说WebSocket - Node篇
查看>>
[洛谷1485] 火枪打怪
查看>>
PAT B1018.锤子剪刀布(20)
查看>>
Extjs控件之 grid打印功能
查看>>
枚举类型(不常用)递归
查看>>
ETL
查看>>
Tomcat源码分析(六)--日志记录器和国际化
查看>>