Browser Object Model浏览器对象模型

1. Window对象

2. Window Screen对象

3. Window Location对象

4. Window History对象

5. Window Navigator对象

6. 三种弹出框

7. Timing Events定时事件

8. Cookie

1. Window对象

代表浏览器的窗口

全局变量==>属性

全局函数==>方法

（1）属性：innerHeight、innerWidth 单位：px

（2）方法：

window.open() - 打开新窗口

window.close() - 关闭当前窗口

window.moveTo() -移动当前窗口

window.resizeTo() -重新调整当前窗口

2. Window Screen对象

包含用户屏幕的信息

属性：

screen.width - 宽度

screen.height - 高度

screen.availWidth - 可用宽度

screen.availHeight - 可用高度

screen.colorDepth - 颜色深度

screen.pixelDepth - 像素深度

3. Window Location对象

获取当前页面地址并把浏览器重定向到新页面

属性：

location.href 返回当前页面的 href (URL)

location.hostname 返回 web 主机的域名

location.pathname 返回当前页面的路径或文件名

location.protocol 返回使用的 web 协议（http: 或 https:）

方法：

location.assign() 加载新文档

4. Window History对象

包含浏览器历史

方法：

history.back() - 后退

history.forward() - 前进

5. Window Navigator对象

包含有关访问者的信息

属性：

navigator.appName - 浏览器应用程序名称"Netscape"

navigator.appCodeName - 浏览器应用程序代码名称"Mozaiila"

navigator.product - 浏览器引擎名称

navigator.appVersion - 浏览器版本信息

navigator.userAgent - 浏览器发送到服务器的用户代理报头（user-agent header）

navigator.platform - 浏览器平台（操作系统）

navigator.language - 浏览器语言

navigator.online - 浏览器是否在线

方法：

navigator.javaEnabled() - java是否启用

6. 三种弹出框

（1）警告框：alert();

（2）确认框：confirm();

（3）提示框：prompt("提示信息","默认值");

7. Timing Events定时事件

在时间间隔内执行代码

（1）setTimeout() 在等待指定的毫秒数后执行函数.

var st = setTimeout(function,ms);

clearTimeout(st); 停止执行

（2）setInterval() 在每个给定的时间间隔重复给定的函数。

var sl = setInterval(function,ms);

clearInterval(sl); 停止执行

8. Cookie

在网页中存储用户信息

document.cookie = "cname=cvalue; expires = date; path=/ ";

Browser Object Model浏览器对象模型相关推荐

BOM—浏览器对象模型（Browser Object Model）
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组字符串 ... 2.BOM : 浏览器对象模型(Browser ...
BOM浏览器对象模型(Browser Object Model)
文章目录一.BOM浏览器对象模型(Browser Object Model) window对象 window对象的方法 navigator/location/history/screen对象 nav ...
javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
BOM——浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
AOM（Accessibility Object Model 无障碍对象模型）草案解读
最近在看 AOM(Accessibility Object Model) 相关的草案,草案推出一两年了,发现还没有相关的中文文档或者博客谈到这个,看来国内做的人还是太少了,一般也只有大厂会去跟进这一块 ...
BOM(Browser Object Model)
BOM(浏览器对象模型),提供了一系列操作浏览器,获取浏览器信息的接口.这些接口在平时的工作中会经常用到,例如当前页面的刷新,获取url的参数等等. 注:图片来自 http://www.dreamdu ...
BOM -- browser object model
操作浏览器窗口一. innerWidth / innerHeight 获取浏览器可视区的宽高(不包含开发者工具区域) window.innerWidth + 'px' window.innerHei ...
《javascript高级程序设计》第八章 The Browser Object Model
8.1 window 对象 8.1.1 全局作用域 8.1.2 窗口关系及框架 8.1.3 窗口位置 8.1.4 窗口大小 8.1.5 导航和打开窗口 8.1.6 间歇调用和超时调用 8.1.7 系统 ...
JavaScript - WebAPI - BOM浏览器对象模型
1.1-BOM与DOM介绍 JavaScript语言由三部分组成 ECMAJavaScript:定义了js的语法规范 Dom:document object model文档对象模型:一个HTML文档中 ...

Browser Object Model浏览器对象模型

1. Window对象

2. Window Screen对象

3. Window Location对象

4. Window History对象

5. Window Navigator对象

6. 三种弹出框

7. Timing Events定时事件

8. Cookie

Browser Object Model浏览器对象模型相关推荐

最新文章

热门文章