BOM:Browser Object Model,即浏览器对象模型,提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。Browser对象:指BOM提供的多个对象,包括:Window、Navigator、Screen、History、Location等。其中Window对象为 ...
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 属性
readonly ApplicationCache applicationCache :返回窗口的应用缓存对象。
readonly boolean closed :返回窗口是否已经关闭。
readonly Console console :返回对Consol对象的引用,对浏览器控制台进行操作。
readonly int devicePixelRatio :返回设备像素比,即当前显示器的物理像素和设备独立像素(dip)的比例。
readonly Document document :返回当前窗口的Document对象。
readonly Element frameElement :若当前window处于一个<iframe>中,此属性返回这个IFrame。若在顶级窗口,返回null。
readonly Window[] frames :返回一个包含窗口内所有的框架的数组。
readonly History history :返回一个History对象。可对当前页的历史进行操作,如:前进、后退等。
readonly long innerHeight :返回当前窗口可显示HTML文档的高度,单位px(像素)。
readonly long innerWidth :返回当前窗口可显示HTML文档的宽度,单位px(像素)。
readonly long length :返回窗口内包含框架的数量,即frames数量。
readonly Location location :返回一个Location对象。可对当前页面的URL进行操作,如:导航到新的页面、获取URL信息等。
readonly LocalStorage localStorage :返回一个键/值对存储的Storage对象,持续到被用户删除。
string name :设置或获取当前窗口的name。
readonly Navigator navigator :返回一个Navigator 对象。包含浏览器信息。如:获取浏览器名称、版本信息、操作系统平台信息等等。
Window openner :返回对打开当前窗口的原窗口一个引用。若当前窗口是由另一个窗口打开的, window.opener保留对那个窗口的引用. 如果当前窗口不是由其他窗口打开的,则该属性返回 null。
readonly long outerHeight :返回当前浏览器的总高度,单位px(像素)。包含工具栏、滚动条、浏览器边框等范围。
readonly long outerWidth :返回当前浏览器的总宽度,单位px(像素)。包含工具栏、滚动条、浏览器边框等范围。
readonly long pageXOffset :返回文档横向滚动的距离,单位px(像素)。
readonly long pageYOffset :返回文档纵向滚动的距离,单位px(像素)。
readonly Window parent :返回当前窗口的父级窗口。若当前窗口是顶级窗口,返回当前窗口本身。若当前窗口为一个框架窗口,返回它的父窗口。
readonly Screen screen :返回一个Screen对象。包含屏幕信息。如:获取屏幕高度、宽度等等。
readonly long screenX :返回浏览器在屏幕的X坐标。
readonly long screenY :返回浏览器在屏幕的Y坐标。
readonly long scrollX :返回文档横向滚动的距离,单位px(像素)。与pageXOffset属性一样。
readonly long scrollY :返回文档纵向滚动的距离,单位px(像素)。与pageYOffset属性一样。
readonly Window self :返回一个对当前Window对象的引用。
readonly SessionStorage sessionStorage :返回一个键/值对存储的Storage对象,持续到当前浏览会话结束。
readonly Window top :返回当前窗口的顶级窗口。若当前窗口本身已经是顶级,则返回自身。若当前窗口为一个框架窗口,返回包含它的顶级窗口(parent只是返回父窗口)。
readonly Window window :返回当前窗口Window对象。
1.3 方法
void addEventListener(string eventType,function eventListener) :给窗口注册事件。eventType事件类型,如:click。eventListener:事件触发的函数或对象。
void alert(string msg) :弹出一个包含msg和一个确认按钮的警告框。
string atob(string base64Str) :将一个基于Base64编码的字符串解码为一个字符串。
void blur() :当前窗口移除焦点。
string btoa(string str) :将一个字符串编码为一个Base64编码。
void clearInterval(long intervalHandle) :停止intervalHandle指定的setInterval()。
void clearTimeout(long timeoutHandle) :停止timeoutHandle指定的setTimeout()。
void close() :关闭当前窗口。只能关闭由脚本打开的窗口,如:a元素打开新页面。
boolean confirm(string msg) :显示带有一段消息以及确认按钮和取消按钮的对话框。点击确认按钮返回true,点击取消按钮返回false。
void focus() :当前窗口获得焦点。
void moveBy(long deltaX, long deltaY) :使open()方法创建的窗口,在本身的位置上,水平移动deltaX个像素,垂直移动deltaY个像素。
void moveTo(long x, long y) :使open()方法创建的窗口,移动到x,y坐标。
Window open(string url, string target, string features, string replace) :创建一个新的窗口。
参数:①url {string} :新窗口加载的url。若没有指定,将使用"about:blank"。②target {string} :新窗口的名称。若没有指定,将使用"_black"。注意此值并不是窗口标题。③features {string} 可选 :表示新窗口的特性,如:窗口功能和工具栏 。 字符串中不能包含任何空白字符,特性之间用逗号分隔开。返回值:{Window} 返回新窗口的引用。
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:HTML BOM Browser对象
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。