JavaHTML BOM Browser对象

BOM:Browser Object
Model,即浏览器对象模型,提供了单独于情之、可以与浏览器窗口进行互动的目标组织。

Browser对象:指BOM提供的差不多只目标,包括:Window、Navigator、Screen、History、Location等。

个中Window对象呢顶层对象,其他对象都也Window对象的支行对象。

 

目录

  1. Window
    对象:表示浏览器打开的窗口,包括获取关节、改变滚动条、设置定时器等等。

  2. Navigator
    对象:包含浏览器信息。如:获取浏览器名称、版本信息、操作系统平台信息等等。

  3. Screen
    对象:包含屏幕信息。如:获取屏幕高度、宽度等等。

  4. History
    对象:可针对眼前页的浏览历史进行操作,如:前进、后退等。

  5. Location
    对象:可针对时页面的URL进行操作,如:导航及新的页面、获取URL信息相当。

 

1. Window 对象

1.1 说明

Window
对象:表示浏览器打开的窗口、标签或者框架(若当前页面里富含多单iframe,会呢每个iframe创建Window对象)。

Window对象不见面受实例化,调用属性与措施都作为window的静态成员。

调用方式:调用Window对象的成员时,可以省略前面的window。如:window.alert()
可写成 alert() 。

 

1.2 属性

Java 1 readonly
ApplicationCache applicationCache
:返回窗口的使用缓存对象。

Java 2 readonly
boolean closed :返回窗口是否都关。

Java 3 readonly
Console
console :返回对Consol对象的援,对浏览器控制高进行操作。

Java 4 readonly
int devicePixelRatio
:返回设备像素比,即眼前显示器的物理像素和装置独立像素(dip)的百分比。

Java 5 readonly
Document document
:返回时窗口的Document对象。

Java 6 readonly Element
frameElement
:若当前window处于一个<iframe>中,此属性返回这个IFrame。若当一流窗口,返回null。

Java 7 readonly
Window[]
frames :返回一个暗含窗口内有所的框架的数组。

Java 8 readonly History history
:返回一个History对象。可对当下页的史进行操作,如:前进、后退等。

Java 9 readonly long
innerHeight :返回时窗口可显示HTML文档的莫大,单位px(像素)。

Java 10 readonly long
innerWidth :返回时窗口可显示HTML文档的涨幅,单位px(像素)。

Java 11 readonly long length
:返回窗口外涵盖框架的数量,即frames数量。

Java 12 readonly
Location location
:返回一个Location对象。可对眼前页面的URL进行操作,如:导航及新的页面、获取URL信息等。

Java 13 readonly
LocalStorage localStorage
:返回一个键/值对存储的Storage对象,持续至于用户删除。

Java 14 string name
:设置或抱当前窗口的name。

Java 15 readonly
Navigator navigator
:返回一个Navigator 对象。包含浏览器信息。如:获取浏览器名称、版本信息、操作系统平台信息等等。

Java 16 Window
openner
:返回对打开时窗口的本原窗口一个援。若当前窗口是由于外一个窗口打开的,
window.opener保留对老窗口的引用.
如果手上窗口不是由于其余窗口打开的,则该属性返回 null。

Java 17 readonly long
outerHeight
:返回时浏览器的毕竟高度,单位px(像素)。包含工具栏、滚动条、浏览器边框等限制。

Java 18 readonly
long outerWidth
:返回时浏览器的总增长率,单位px(像素)。包含工具栏、滚动条、浏览器边框等限定。

Java 19 readonly
long pageXOffset :返回文档横向滚动的离,单位px(像素)。

Java 20 readonly
long pageYOffset :返回文档纵向滚动的偏离,单位px(像素)。

Java 21 readonly
Window parent
:返回时窗口的父级窗口。若当前窗口是五星级窗口,返回时窗口本身。若当前窗口为一个框架窗口,返回其的父窗口。

Java 22 readonly
Screen screen
:返回一个Screen对象。包含屏幕信息。如:获取屏幕高度、宽度等等。

Java 23 readonly long screenX
:返回浏览器在屏幕的X坐标。

Java 24 readonly long screenY
:返回浏览器在屏幕的Y坐标。

Java 25 readonly long
scrollX :返回文档横向滚动的距离,单位px(像素)。与pageXOffset属性一样。

Java 26 readonly long
scrollY :返回文档纵向滚动的去,单位px(像素)。与pageYOffset属性一样。

Java 27 readonly
Window self
:返回一个对当下Window对象的援。

Java 28 readonly
SessionStorage
sessionStorage
:返回一个键/值对存储的Storage对象,持续至当下浏览会话了。

Java 29 readonly
Window
top
:返回时窗口的一流窗口。若当前窗口本身已是头号,则赶回自己。若当前窗口也一个框架窗口,返回包含它的头等窗口(parent只是回到父亲窗口)。

Java 30 readonly
Window
window :返回时窗口Window对象。

 

1.3 方法

Java 31 void addEventListener(string
eventType,function eventListener)
:给窗口挂号事件。eventType事件类,如:click。eventListener:事件触发的函数或对象。

Java 32 void alert(string msg)
:弹出一个带有msg和一个认可按钮的警告框。

Java 33 string atob(string
base64Str) :将一个因Base64编码的字符串解码为一个字符串。

Java 34 void blur()
:当前窗口移除焦点。

Java 35 string btoa(string
str) :将一个字符串编码为一个Base64编码。

Java 36 void
clearInterval(long intervalHandle)
:停止intervalHandle指定的setInterval()。

Java 37 void
clearTimeout(long timeoutHandle)
:停止timeoutHandle指定的setTimeout()。

Java 38 void close()
:关闭时窗口。只能关门由脚本打开的窗口,如:a元素打开新页面。

Java 39 boolean confirm(string
msg)
:显示带有一截消息及确认按钮和撤销按钮的对话框。点击确认按钮返回true,点击取消按钮返回false。

Java 40 void focus()
:当前窗口取焦点。

Java 41 void moveBy(long
deltaX, long deltaY)
:使open()方法创建的窗口,在我的职上,水平位移deltaX个像素,垂直运动deltaY只像素。

Java 42 void moveTo(long x,
long y) :使open()方法创建的窗口,移动到x,y坐标。

Java 43 Window open(string
url, string target, string features, string replace)
:创建一个新的窗口。

Java 44Java 45

参数:
①url {string} :新窗口加载的url。若没有指定,将使用"about:blank"。
②target {string}  :新窗口的名称。若没有指定,将使用"_black"。注意此值并不是窗口标题。
③features {string} 可选 :表示新窗口的特性,如:窗口功能和工具栏 。 字符串中不能包含任何空白字符,特性之间用逗号分隔开。

返回值:
{Window} 返回新窗口的引用。

方式详情

Java 46 void print()
:调用浏览器的打印按钮。

Java 47 string prompt(string
msg)
:弹出一个展示msg信息并含有一个规定按钮和收回按钮的输入框。此输入框会阻塞页面,点击确定按钮返回输入的情,点击取消按钮返回null。

Java 48 void resizeBy(long
deltaWidth, long deltaHeight)
:使open()方法创建的窗口,在自我的职位上,宽度增deltaWidth个像素,高度增加deltaHeight个像素。

Java 49 void resizeTo(long
width, long height)
:使open()方法创建的窗口,宽度变为width,高度成为height。

Java 50 void scrollBy(long
deltaWidth, long deltaHeight)
:在时滚动的功底及,横向滚动deltaWidth像素,纵向滚动deltaHeight像素。

Java 51 void scrollTo(long
width, long height)
:横向滚动到width像素距离达到,纵向滚动到height像素距离达。

Java 52 long setInterval(function
fn, long time) :每隔得之周期(毫秒)执行指定函数。

Java 53Java 54

参数:
①fn {function} :需要执行的函数。
②time {long} :设置每隔多少毫秒执行指定的函数。单位:毫秒。

返回值:
{long} 返回一个数字。可以通过调用window.clearInterval()来取消此函数的执行。

主意详情

Java 55 long
setTimeout(function fn, long time) :在肯定之毫秒数后实施指点函数。

Java 56Java 57

参数:
①fn {function} :需要执行的函数。
②time {long} :设置多少毫秒后执行指定的函数。单位:毫秒。

返回值:
{long} 返回一个数字。可以通过调用window.clearTimeout()来取消此函数的执行。

法详情

 

2.Navigator 对象

2.1 说明

Navigator
对象:包含浏览器信息。如:获取浏览器名称、版本信息、操作系统平台信息等等。

调用方式:window.navigator 或者 navigator。

 

2.2 属性

Java 58 readonly string
appName :返回浏览器的名称。基于 Netscape 的浏览器中,返回的是
“Netscape”。在 IE 中,返回值为 “Microsoft Internet Explorer”。

Java 59 readonly
string appVersion
:返回浏览器版本和平台信息。如:某个Chrome版本返回 “5.0 (Windows NT 6.1)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134
Safari/537.36″。

Java 60 readonly Geolocation geolocation
:返回一个Geolocation对象,可落当前的地理信息。

Java 61 readonly string
language :返回浏览器界面语言。简体中文返回:”zh-CN”。

Java 62 readonly boolean
onLine :返回浏览器是否只是连日来网络。

Java 63 readonly
string platform :返回浏览器所于的体系平台。如:Win32。

Java 64 readonly string
userAgent :返回由客户机发送服务器的 user-agent
头部的价值。如:”Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML,
like Gecko) Chrome/43.0.2357.134 Safari/537.36″.

Java 65 readonly ServiceWorker serviceWorker
:返回ServiceWorker对象。serviceWorker运行于浏览器后台的如出一辙种脚本,它可无需Web页面或者用户交互就能够提供额外的力量。

 

2.2 方法 

Java 66 boolean javaEnabled()
:返回浏览器是否启用Java。

 

3. Screen 对象

3.1 介绍

Screen 对象:包含屏幕信息。如:获取屏幕高度、宽度等等。

调用方式:window.screen 或者 screen。

 

3.2 属性

Java 67 readonly
long availHeight
:返回浏览器在屏幕的可用高度,单位px(像素)。可知晓啊浏览器最大化的高度,一般为屏幕高度减去上下系统任务栏或停靠栏。

Java 68 readonly long
availWidth :返回浏览器在屏幕的可用宽度,单位px(像素)。可清楚也浏览器最大化的升幅,一般也屏幕宽度减去左右系统任务栏或停靠栏。

Java 69 readonly
long colorDepth
:返回屏幕的颜料深。颜色深简单说就算是极多支持小种颜色,。一般是用“位”来叙述的。比如BMP格式,则最多得支持红、绿、蓝各256栽,总共24员。所以颜色深是24。

Java 70 readonly long height
:返回屏幕的惊人,单位px(像素)。

Java 71 readonly
long pixelDepth :返回屏幕的色彩深度。

Java 72Java 73

色彩深度计算机图形学领域表示在位图或者视频帧缓冲区中储存1像素的颜色所用的位数,它也称为位/像素(bpp)。
色彩深度越高,可用的颜色就越多。
色彩深度是用“n位颜色”(n-bit colour)来说明的。
若色彩深度是n位,即有2^n种颜色选择,而储存每像素所用的位数就是n。
比如:24位:16,777,216种颜色,真彩色,能提供比肉眼能识别更多的颜色,用于拍摄照片。

性能详解

Java 74 readonly long width
:返回屏幕的肥瘦,单位px(像素)。

 

4. History 对象

4.1 说明

History
对象:可对当下页的浏览历史进行操作,如:前进、后退等。但非克掌握浏览了安URL。

调用方式:window.history 或者 history。

 

4.2 属性

Java 75 readonly long length
:返回浏览器历史列表中之 URL 数量。

 

4.3 方法

Java 76 void back()
:当前所属窗口访问达到一个造访过的URL。等同于浏览器的”后退”按钮,也一致于history.go(-1)。

Java 77 void forward()
:当前所属窗口访问下一个看了之URL。等同于浏览器的”前进”按钮,也同样于history.go(1)。

Java 78 void go(int
index)
:使时窗口访问指定的访过的URL。当前窗口访问了之URL,是存入一个数组。正数表示发展index个(点击”前进”按钮index次),负数表示后退index个(点击”后退”按钮index次)。

 

5. Location 对象

5.1 说明

Location
对象:可针对眼前页面的URL进行操作,如:导航及新的页面、获取URL信息相当。

调用方式:window.location 或者 location。

 

5.2 属性

Java 79 string hash
:设置或返回时页面URL中的底锚部分,包含开头的#符号。

Java 80Java 81

如:www.baidu.com#top
loction.hase; // => 返回#top 

属性详解

Java 82 string
host :设置或回到时页面URL的主机名称以及端口。

Java 83Java 84

// 页面地址:http://wenku.baidu.com:80/view/abc
location.host; // => 返回 'wenku.baidu.com:80'
location.host = 'www.baidu.com'; // 会让当前窗口访问 http://www.baidu.com/view/abc

特性详解

Java 85 string hostname
:设置或回到时页面URL的主机名称。

Java 86Java 87

// 页面地址:http://wenku.baidu.com:80/view/abc
location.hostname; // => 返回 'wenku.baidu.com'
location.hostname = 'www.baidu.com'; // 会让当前窗口访问 http://www.baidu.com:80/view/abc

性能详解

Java 88 string href
:设置或回到时页面完整的URL。若设置时未加以协议,设置的字符串只是改变URL最后一个’/’之后的字符串。

Java 89Java 90

// 页面地址:http://wenku.baidu.com:80/view/abc
location.href; // => 返回 'http://wenku.baidu.com:80/view/abc'
location.href = 'www.baidu.com'; // 不加协议,会让当前窗口访问 http://wenku.baidu.com:80/view/www.baidu.com
location.href = 'http://www.baidu.com'; // 会让当前窗口访问 http://www.baidu.com

特性详解

Java 91 string pathname
:设置或回到时页面URL的路子有。

Java 92Java 93

// 页面地址:http://wenku.baidu.com:80/view/abc
location.pathname; // => 返回 '/view/abc'
location.pathname = 'a.html'; // 修改路径的值,会让当前窗口访问 http://wenku.baidu.com:80/a.html

性能详解

Java 94 string port
:设置或返回时页面URL的端口。若当前URL没有端口,返回一个”(空字符串)。

Java 95 string protocol
:设置或回到时页面URL的商议,最后面会有只’:’冒号。

Java 96Java 97

// 页面地址:http://www.baidu.com
location.protocol; // => 返回 'http:'
location.protocol = 'https:'; // 会让当前窗口访问 https://www.baidu.com

属性详解

Java 98 string search
:设置或返回时页面URL的询问有(从问号 (?) 开始的 URL)。

Java 99Java 100

// 页面地址:http://www.baidu.com?id=1&page=1
location.search; // => 返回 '?id=1&page=1'
location.protocol = '?id=1&page=1'; // 会让当前窗口访问 http://www.baidu.com?id=1&page=1
location.protocol = 'id=1'; // 省略'?'问好,会让当前窗口访问 http://www.baidu.com?id=1

属性详解

Java 101 readonly string origin
:返回时页面URL的起源。返回格式:协议+主机名+端口;如:https://www.baidu.com

 

5.3 方法

Java 102 void assign(string
url) :设置当前页面加载指定的url,等同于安href属性的价值吗url。

Java 103 void reload()
:重新加载当前页面的URL。可圈成为刷新操作。

Java 104 void replace(string
url)
:设置当前页面加载指定的url,并于浏览器历史记录中替换掉当前地点,进行”后退”操作不会见展示当前看了之笔录。

Java 105Java 106

若已顺序访问过A和B页面。
在B页面,输入:location.replace('http://c.html'); // 访问C页面。
此时页面加载C页面。点击浏览器的"退回"按钮,会退回到A页面。

方式详解

 

End

Web开发的路系列文章

食谱加载中…

相关文章