BOM(Browser Object Model): 浏览器对象模型。提供了独立于内容而与浏览器窗口交互的对象，BOM主要用于管理窗口和窗口之间的通讯。

一、Navigator对象

     navigator对象通常用于获取浏览器和操作系统的信息。
     navigator对象是window对象的属性，中文是"导航器"的意思。
     由于navigator没有统一的标准，因此各个浏览器都有自己不同的navigator版本，这里只介绍最普遍支持且最常用的。

navigator中最重要的是userAgent属性，返回包含浏览器版本等信息的字符串，其次cookieEnabled也很重要，使用它可以判断用户浏览器是否开启cookie。

    		document.write(

    	            "浏览器信息：<br>"+

    	            "名称："+navigator.appName+"<br>"+

    	            "平台和版本："+navigator.appVersion+"<br>"+

    	            "操作系统："+navigator.platform+"<br>"+

    	            "userAgent："+navigator.userAgent

    	        );

结果:

二、History对象

window.history 对象包含浏览器的历史。浏览者通常可以使用浏览器的前进与后退按钮访问曾经浏览过的页面。JavaScript的history对象记录了用户曾经浏览过的页面，并可以实现浏览器前进与后退相似的导航功能。可以通过back函数后退一个页面，forward函数前进一个页面，或者使用go函数任意后退或前进页面，还可以通过length属性查看history对象中存储的页面数。

对于 go() 方法的说明。

语法:

history.go(x);

其中，x （整数）为前进或后退的页面数。

x > 0: 前进 x 个页面；

x < 0: 后退 -x 个页面；

x = 0: 刷新当前页面。

<html>

  <head>

    <title>My JSP 'index.jsp' starting page</title>

    <script type="text/javascript" charset="UTf-8">

        function test1(){

            //返回上一个网页

            history.back();

        }

        function test2(){

            //前进一页

            history.forward();

        }

        function test3(){

            //刷新当前页面

            history.go(0);

        }

    </script>

  </head>

  <body>

      <input type="button" onclick="test1();" value="返回上一个网页"><br><br>

      <input type="button" onclick="test2();" value="跳转到下一个页面"><br><br>

      <input type="button" onclick="test3();" value="刷新当前页面"><br><br>

  </body>

</html>

三、Location对象

window.location 对象用来获取当前页面的地址 (URL)信息，并可将浏览器重定向到其他页面。

    	function locationTest(){

        	var str = location.href;

        	alert(str); // http://localhost:8080/Day01_JS/index.jsp

        	//发生请求跳转到其他页面

        	location.href = "http://www.baidu.com";

    	}

四、Screen对象

window.screen 对象用来获取用户屏幕的信息。

    	function alertTest(){

            alert(

                    "屏幕信息：\n"+

                    "分辨率："+screen.width+"×"+screen.height+"\n"+

                    "可用区域："+screen.availWidth+"×"+screen.availHeight

                );

    	}

结果:

屏幕信息：

分辨率：1366×768

可用区域：1366×728

五、Window对象

未完待续

JavaScript基础学习(七)—BOM的更多相关文章

JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
48.javascript基础学习
javascript基础学习: http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...
JavaScript 基础学习（二）js 和 html 的结合方式
第一种使用一个标签 <script type="text/javascript"> js代码; </script> 第二种使用 script 标签,引入 ...
JavaScript 基础学习（四）
JavaScript 基础学习 (四) 解绑事件 dom级事件解绑元素.on事件类型 = null 因为赋值的关系,所以给事件赋值为 null 的时候事件触发的时候,就没有事件处理 ...
JavaScript 基础学习（三）
JavaScript 基础学习(三) 事件三要素 1.事件源: 绑定在谁身上的事件(和谁约定好) 2.事件类型: 绑定一个什么事件 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...
JavaScript 基础学习（二）
JavaScript 基础学习节点属性每一个节点都有自己的特点这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) 语法:节点.nodeT ...
JavaScript 基础学习（一）
JavaScript 基础学习获取页面中的元素的方法作用:通过各种方式获取页面中的元素比如:id,类名,标签名,选择器的方式来获取元素伪数组: 长的和数组差不多,也是按照索引排 ...
几张非常有意义的JavaScript基础学习思维图
分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到. 推荐理由:归类非常好,非常全面 JavaScript 数组 J ...
javascript基础学习（七）
javascript之Object对象学习要点: 创建Object对象 Object对象属性 Object对象方法一.创建Object对象 new Object(); new Object(val ...

随机推荐

ftp服务搭建
文件传输服务主配置文件目录/etc/vsftpd/vsftpd.conf 首先安装ftp服务器 yum install vsftpd 默认存放文件的目录 /var/ftp/pub 匿名登陆创建一 ...
Java显式锁学习总结之六：Condition源码分析
概述先来回顾一下java中的等待/通知机制我们有时会遇到这样的场景:线程A执行到某个点的时候,因为某个条件condition不满足,需要线程A暂停:等到线程B修改了条件condition,使con ...
FineUIMvc随笔 - 怎样在控件中嵌套 HTML
声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. 用户需求有网友在<FineUI总群1>问这么一个问题:怎么把 HTML 嵌套在控件中? 这是很多刚学习 FineU ...
AlloyTouch之无限循环select插件
写在前面当滚动的内容很多,比如闹钟里设置秒,一共有60项.让使用者从59ms滚回01ms是一件很痛苦的事情,所以: 在列表项太多的情况下,我们希望能够有个无限循环的滚动.00ms和01ms是无缝链接 ...
ES6新属性笔记
一.destructuring--解构赋值 1.数组解构赋值 (1)完全解构 let [a,b,c] = [1,2,3];//普通 console.log(a+":"+b+&quo ...
云服务器spark集群搭建
---恢复内容开始--- 1:去官网下载spark http://spark.apache.org 2:解压,然后在自己的机器上编译conf中的两个文件 mv slaves.template slav ...
计算机网络之HTTP（上）基础知识点
计算机网络,应该是我们编程开发.产品上线到正常的运行维护需要考虑的基本条件之一.之前我记录了一篇很简单的计算机的组成(http://www.cnblogs.com/zhangxiongcn/p/636 ...
php写购物车(思路&源码)
本文介绍一个php实现的购物车代码,功能实现完整,具有一定的参考价值这里我们为你提供个简单的php购物车代码,从增加购物产品与发生购买了,在商城开发中,这个功能是少不了的具体分析如下: 对购物车里 ...
Eclipse多个console的使用
我们在使用Eclipse开发服务器端和客户端时,经常需要同时运行服务器端和客户端,以便联调运行情况.而我之前一般有两种做法: 使用Java的命令行模式运行,但这种做法通常比较麻烦,因为要使用大串的cl ...
DAX/PowerBI系列 - 父子层级（Parent-Child Hierarchy）
DAX/PowerBI系列 - 父子层级(Parent-Child Hierarchy)参考文章见最后难度: ◆◆◇◇◇(2星) 应用场景: 其实很多时候对数据汇总都会有层级关系的问题,不过说的不是 ...

JavaScript基础学习(七)—BOM