BOM:Browser Object Model(浏览器对象模型)

1、window对象

2、navigator对象
3、 screen对象
4、history对象
5、 location对象
6、 document对象

window对象
1、属性

* pageXOffset:页面相对于视口的位置,x轴

* pageYOffset:页面相对于视口的位置,y轴

* screenX:浏览器相对于屏幕的坐标,x轴

* screenY:浏览器相对于屏幕的坐标,y轴

* innerWidth:文档显示区的宽

* innerHeight:文档显示区的高

* outerWidth:文档显示区的宽,包含工具条、滚动条

* outerHeight:文档显示区的高,包含工具条、滚动条

2、方法

* open():打开一个新窗口,页面跳转

* 参数:open(URL,name,specs);

*      跳转的地址,打开位置,设置新窗口的样式

* moveBy(x,y):相对于当前窗口移动

* moveTo(x,y):相对于窗口左上角移动

* (重点) setInterval():按照指定周期调用函数(时间函数)

setInterval(function(){},时间(单位为毫秒));

//函数声明

* (重点) clearInterval():取消由 setInterval() 设置的 timeout,暂停时间函数

clearInterval();

* (重点) setTimeout():在指定的毫秒数后调用函数或计算表达式。只会调用一次

* (重点) clearTimeout():取消由 setTimeout() 方法设置的 timeout。暂停时间函数

* alert:显示带有一段消息和一个确认按钮的警告框,显示只有确认按钮。

* confirm() :    显示带有一段消息以及确认按钮和取消按钮的对话框。

* prompt():    显示可提示用户输入的对话框。

navigator对象
属性

* appName:返回浏览器的名称

screen对象
属性

* availWidth:返回屏幕的宽度。(不包含windows任务栏)

* availHeight:返回屏幕的高度。(不包含windows任务栏)

* Width:返回屏幕的总宽度。(包含windows任务栏)

* Height:返回屏幕的总高度。(包含windows任务栏)

history对象
方法

* back():加载 history 列表中的前一个 URL,回退一个页面

* forword():加载 history 列表中的下一个 URL,前进一个页面

* go():加载 history 列表中的某个具体页面

location对象

* (重点)  href:页面跳转,指定路径跳转

原文地址:https://www.cnblogs.com/badren/p/9575737.html

时间: 2024-09-30 23:21:07

BOM:Browser Object Model(浏览器对象模型)的相关文章

BOM(Browser Object Model) 浏览器对象模型

JavaScript 实现是由 3 个部分组成:核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM) BOM(Browser Object Model) 浏览器对象模型BOM定义了JavaScript进行操作浏览器的各个功能部件的接口,提供访问文档各个功能部件(如窗口本身.屏幕功能部件.框架.浏览历史记录等)的途径以及操作方法.BOM是JavaScript应用中唯一没有相关标准的部分, ,每种浏览器都有其特有的BOM扩展实现. BOM对象 描述Window JavaSc

JS--bom对象:borswer object model浏览器对象模型

bom对象:borswer object model浏览器对象模型 navigator获取客户机的信息(浏览器的信息) navigator.appName;获得浏览器的名称 window:窗口对象 alert();弹出框 confirm(msg);确认框 prompt(提示信息,defaultText):输入框 open("打开的新窗口的地址URL"," ","窗口特征,比如窗口的宽度和高度"); window.open("hello.

BOM (Browser Object Model) 浏览器对象模型

l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存在; var newValue = oldValue; // =>ReferenceError:oldValue is not defined; var newValue = window.oldValue; // =>undefined; 1.window对象的属性和方法window对象有一系列

浏览器对象模型(BOM,Browser Object Model)

本文内容 1.概述 2.windows与document 3.对话框 4.定时调用 5.URL解析与访问历史 6.浏览器和屏幕信息 ★概述 “浏览器对象模型(Browser Object Model,BOM)”是由浏览器实现的可供JavaScript程序调用的一组对象,通过它们,Web开发与设计者使用JavaScript代码可以完成与“控制”浏览器进程相关的许多工作. BOM由一系列相关的对象构成,其中Window对象使整个BOM的核心,其他对象和集合对象都是window对象的属性. BOM中定

javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup--网页超文本应用程

BOM——浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程

BOM—浏览器对象模型(Browser Object Model)

 1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser Object Model) 2,BOM 的组成部分: 1.window对象 每一个子窗口对应的又是一个window对象 2. screen对象 3.location对象 4.history对象 5.Navigator对象 6.定时器 (两种) 7.弹框(三种) 8. document (DOM-文档

(一)、BOM:Browser Object Model

BOM window 打开关闭窗口 窗口大小和窗口位置 ****定时器 (一).BOM:Browser Object Model 浏览器对象模型:用来访问和操作浏览器窗口,使JS有能力与浏览器交互. 专门操作浏览器窗口的API--没有标准,有兼容性问题 浏览器对象模型的主要对象 window:代表整个窗口是BOM的根对象 2个角色:1.代替global称为全局作用域对象  2.封装所有DOM API 和BOM API 以下为window的子对象 1.history:封装当前窗口打开后,成功访问过

BOM —— 浏览器对象模型(Browser Object Model)

一.什么是 BOM BOM 是 Broswer Object Model 的缩写,中文为浏览器对象模型 BOM 提供了独立于内容而与浏览器窗口进行交互的对象 由于 BOM 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 window BOM 缺乏标准,所以你会发现 MDN 上面搜寻不了,JavaScript语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C 二.一些大部分通用的API window对象——BOM核心 window.alert('提示信息') window.confi