JS15

BOM 浏览器对象模型

1、Borwser Object Model        

2、 用来描述浏览器相关信息的几个对象       

3、其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。

BOM

1、Window 整个窗口(顶层)

2、Location url信息

3、History 历史记录

4、Screen 屏幕相关

5、Navigator 浏览器版本及客户机信息

Window 概述

1、window是客户端JavaScript的全局对象

2、它表示web浏览器的一个窗口或窗体,并且用标识符window来引用

        是所有客户端javascript特性和API的主要接入点

        Window包含  location history screen navigator  document

1. window

       1、 innerHeight 返回窗口的文档显示区高度 IE9以下不兼容

       2、innerWidth 返回窗口的文档显示区宽度 IE9以下不兼容

    解决方法

        document.write('视口的宽 : '+document.documentElement.offsetWidth+"
");

        document.write('视口的高 : '+document.documentElement.clientHeight+"
");

        3、outerWidth 返回窗口外部宽度 IE9以下不兼容

        4、outerHeigh 返回窗口外部高度 IE9以下不兼容

    解决方法  --暂无

        5.弹窗 alert() 无返回值 confirm() 有返回值 prompt() 有返回值

        6.setInterval() clearInterval()

        7.setTimeout() clearTimeout()

        8.print() window.print();

        9.scrollTo(x,y) 将内容滚动到指定坐标

        10.scrollBy() 按照指定像素滚动 ---回到顶部


        11.moveTo(x,y) window.moveTo()仅IE

        12.moveBy() window.moveBy()仅IE

        13.resizeTo() 将窗口大小调整到指定的宽度和高度 仅IE

        14.resizeBy() 按照指定像素调整窗口大小 仅IE


2. location

        表示该窗口中当前显示的文档的URL 并定义了方法来使窗口载入新的文档

        属性

        1、href 设置或返回当前的URL协议

        2、protocol 设置或返回当前URL的协议

        3、host 设置或返回主机名和当前URL的端口号

        4、hostname 设置或返回当前URL的主机名

        5、port 设置或返回当前URL的端口号

        6、pathname 设置或返回当前URL的路径部分

        7、hash 设置或返回从#开始的锚

        8、search 设置或返回从?开始的URL查询部分

        document.write(location+'
');

                document.write('href : '+location.href+'
');

                document.write('protocol(协议) : '+location.protocol+'
');

                document.write('host(主机名和端口号) : '+location.host+'
');

                document.write('hostname(主机名) : '+location.hostname+'
');

               document.write('port(端口号) : '+location.port+'
');

        --虚拟端口

        --物理端口

               document.write('pathname(路径信息) : '+location.pathname+'
');

               document.write('search(查询信息) : '+location.search+'
');

               document.write('hash(锚点) : '+location.hash+'
');

       方法

       1、reload(); --重新加载当前文档 location.reload();

        2、assign(); --加载新的文档         location.assign(“http://www.baidu.com”);

       3、replace(); --替换当前文档 location.replace(“http://www.baidu.com”);

       --自定义一个超链接

       --定时刷新

三、navigator

该对象描述了浏览器厂商和版本信息 (浏览器相关信息)

1、Navigator 是为了纪念NetSpace公司的Navigator 浏览器

2、appName 返回浏览器的名称 --只读

3、cookieEnabled 返回一个布尔值。true (cookie)可用。false 被禁用。

4、appVersion 返回浏览器的平台和版本信息

5、userAgent 返回由客户机发送服务器user-agent头部的值

6、platform 返回运行浏览器的操作系统平台

7、onLine 是否在线

四、history

1、back() 加载history列表中的前一个URL.

2、forward() 加载history列表中下一个URL

3、go() 加载history列表中的某个具体页面 (有参数)

五、screen

概述:提供有关窗口显示大小和可用颜色数量的信息

1、width 返回显示器屏幕的宽度

2、height 返回显示器屏幕的高度

3、availWidth 返回显示屏幕宽度(除windows任务栏之外)

4、availHeight 返回显示屏幕高度(出windows任务栏之外)

5、colorDepth 返回目标设备或缓冲器上的调色板的比特深度

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

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,752评论 0 8
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,244评论 0 5
  • 什么是BOM BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的...
    LaBaby_阅读 223评论 0 0
  • 1 平常忙于工作、人际应酬,乐不可支或不堪其苦,当新年的钟声敲响的时候,我们才意识到岁月又流逝了一年,才触动了时间...
    晴鹤1阅读 853评论 0 3
  • 准确地说,今天并不是第一天,只是我忘记了。 我常常自欺欺人地选择性逃避一些自己不愿接受或者着手的事,例如,我有可怕...
    潘梦梦阅读 189评论 0 0