JavaScript BOM

window对象

浏览器的一个实例。在浏览器中,window对象有双重角色,既是通过JavaScript访问浏览器窗口的一个接口。

全局作用域

所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。

全局变量与在window对象上直接定义属性有一点不同:全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。

尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的变量是否存在。

var newValue = oldValue;//error

var newValue = window.oldValue;//不会报错

窗口关系及框架

如果页面中包含框架,则每个框架都拥有自己的window对象,并且保存在frames集合中。在frames集合中,可以通过数值索引或者框架名称来访问响应的window对象。每个window对象都有一个name属性,其中包含框架的名称。

top对象始终指向最高(最外)层的框架,也就是浏览器窗口。使用它可以确保在一个框架中正确地访问另一个框架。因为对于在一个框架中编写的任何代码而言,其中的window对象指向的都是那个框架的特定市里,而非最高层的框架。与top相对的另一个window对象是parent。始终指向当前框架的直接上层框架。在某些情况下,parent有可能等于top;但在没有框架的情况下,parent一定等于top。与框架有关的最后一个对象是self,它始终指向window;实际上,self和window可以胡煌使用。所有这些对象都是window对象的属性,可以通过window.parent、window.top等形式来访问。在使用框架的情况下,浏览器中会村子多个Global对象。在每个框架中定义的全局变量会自动成为框架中的window对象的属性。由于每个window对象都包含原生类型的构造函数,因此每个框架都有一套自己的构造函数,这些构造函数一一对应,但并不相等。这个问题会影响到对框框架传递的对象使用instancof操作符。

窗口位置


IE、Safari、Opera、Chrome:screenLeft、screenTop

FireFox、Safari、Chrome:screenX、screenY

moveTo

moveBy

窗口大小

IE9+、Firefox、Safari、Opera、Chrome:innerWidth、innerHeight、outerWidth、outerHeight。

IE、Firefox、Safari、Opera、Chrome:

document.documemtElement.clientWidth、document.documentElement.clientHeight

resizeTo

resizeBy

导航和打开窗口

使用window.open()方法既可以导航到一个特定的url,也可以打开一个新的浏览器窗口。四个参数:要加载的url、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值。通常只需第一个参数。

如果第二个参数并不是一个已经存在的窗口或框架,那么该方法就会根据在第三个参数位置上传入的字符串创建一个新窗口或新标签页。如果没有传入第三个参数,那么就会打开一个带有全部默认设置的新浏览器窗口。在不打开新窗口的强狂下,会忽略第三个参数。

调用close方法可以将打开的窗口关闭。

间歇调用和超时调用

setTimeout:两个参数,要执行的代码和以毫秒表示的时间。第一个参数可以是一个包含js代码的字符串,也可以是一个函数。返回一个数值ID,表示超时调用。这个超时调用ID是计划执行代码的唯一标识符。可以通过他来取消超时调用。要取消尚未执行的超时调用计划,可以调用clearTimeout方法,并将相应的超时调用ID作为参数传递给他。

setInterval:间歇调用,参数同上。

系统对话框

alert、confirm、prompt,显示这些对话框的时候代码会停止执行,关掉后继续执行。

find、print

location对象

既是window对象的属性,也是document对象的属性。保存着当前文档的信息,还将url解析为独立的片段,让开发人员可以通过不同的属性访问这些片段。

hash:返回url中的hash

host:返回服务器名称和端口号

hostname:返回不带端口号的服务器名称

href:返回当前加载页面的 完整url

pathname:返回url中的目录和(或)文件名

port:返回端口号

protocol:返回页面使用的协议

search:返回url的查询字符串

每次修改location的属性(hash除外),页面都会以新url重新加载。

当通过上述任何一种方式修改url之后,浏览器的历史记录中就会生成一条心记录,因此用户通过单击后退蛋妞都会导航到前一个页面。要禁用这种行为,可以使用replace方法。这个方法值接受一个参数,即要导航到的url;结果虽然会导致浏览器位置改变,但不会在历史记录中生成新记录。在调用replace之后,不能回到前一个页面。

reload,重新加载当前显示的页面。参数为true,表示从服务器重新加载。

navigator对象

识别客户端浏览器

appCodeName:浏览器名称

appName:完整的浏览器名称

appVersion:浏览器的版本

cookieEnabled:

javaEnabled:

language:

mimeTypes:在浏览器中注册的MIME类型数组

Platform:平台

userAgent:浏览器的用户代理字符串

检测插件

注册处理程序

screen对象

history对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • BOM是浏览器对象模型 Window对象 BOM 的核心对象是window,它表示浏览器的一个实例。 在浏览器中,...
    shanruopeng阅读 431评论 0 1
  • ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么 B...
    劼哥stone阅读 806评论 2 5
  • ECMASript是javascript的核心. 但如果要在Web中使用javascript, 那么BOM(浏览器...
    刘翾阅读 211评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • 2017年8月10日 农历六月十九号 星期四 晴 今晚写日记,我的心情有些沉重。 昨天是时隔多年,第一次拾笔书写。...
    故园小屋阅读 1,593评论 0 0