BOM

window对象


是BOM的核心对象,它表示浏览器的一个实例。很多全局的JavaScript对象(如location和navigator)实际上都是window对象的属性

window对象会在 <body> 或 <frameset> 每次出现时被自动创建。

窗口的位置(也可以理解为浏览器的位置)
  • 窗口距离屏幕左边的位置:screenLeft & screenX
  • 窗口距离屏幕上边的位置:screenTop & screenY

以上两个方法都有兼容性问题,可搭配使用

  • 窗口的移动:moveBy(x,y) 移动多少像素 & MoveTo(x,y) 移动到坐标轴位置

这种方法可能被浏览器禁用,opera和IE7(及更高版本)默认禁用,此方法不适用于框架,只能对最外层的window对象使用

窗口大小
  • innerWidth、innerHeight、outerWidth、outerHeight
  • 遇到IE6兼容性问题,可使用DOM的方式解决(document.documentElement.clientHeight 标准模式 或者 document.body.clientWidth 混淆模式)

没有文档声明则为混淆模式

  • resizeTo() 和 resizeBy()

操作基本同上moveTo/By 方法,注意事项亦是

导航和打开窗口
  • window.open()
    传入参数(4):URL、窗口目标、一个特性字符串(新打开窗口的一些属性设置)及一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值

此方法会返回一个指向新窗口的引用,即一个维持母窗口和子窗口的联系,母窗口可对子窗口进行一定的操作,如果要切断这种联系,需要将其opener属性设置为null

  • 现在的浏览器对弹出窗口有一定限制,如果弹出窗口被浏览器屏蔽了,其引用为null(window.open()=null),弹窗被屏蔽,但弹窗的相关信息还是会显示
间歇调用和超时调用(定时器)
  • setTimeout 、setInterval

一般认为,使用超时调用来模仿间歇调用是一种最佳模式

系统对话框
  • alert() ; confirm() ; prompt()
  • window.print() (打印对话框) ;** window.find()** (查找对话框)

/__________________________________________ 接下来都是window对象的成员对象(如window.location) __________________________________________/

location对象


location对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能,它的所有属性(如hash)都是可读可写的。这个对象的强大体现在它可以将URL拆分成几个片段供我们使用。

位置操作(网址位置,不是窗口位置)
  • assign(url)

更改页面的网址,并生成一条历史纪录

  • replace(url)

更改页面网址,并禁止返回操作,不会生成此条浏览器记录(安全性)

  • reload()

重新加载页面,括号里什么都不填就会重缓存重新加载页面,如果加上 true 则从服务器重新加载;位于reload()后的代码可能会出现不执行的情况,所以最好放在代码最后

navigator对象


此对象是识别客户端浏览器的事实标准。它有一套浏览器的属性可供查看。

检测插件
  • 非IE浏览器:利用navigator.plugins[i].name 来检测是否存在这个插件
  • IE 浏览器:使用专有的ActiveXObject类型,创建一个实例

plugins集合有个refresh()方法,可以刷新插件

注册处理程序
  • registerContentHandler() & registerProtocolHandler()

screen对象

———
获取客户端屏幕信息

history对象

———
操作浏览器的历史纪录

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

推荐阅读更多精彩内容