5-8 BOM操作-知识点

5-8 BOM操作

题目

知识点

解答

题目

1、如何检测浏览器的类型 因为现在做移动端比较多，如何检测浏览器的类型，安卓，ios，判断浏览器版本。

2、解析url的各部分。

知识点

navigator

screen

location

history

简称UA，UA是一个浏览器特性，是一个字符串，我们可以通过一个字符串检测浏览器的特性。比如说里面有Chrome，就判断是Chrome，比如里面有ios，有可能是苹果系统。但是有可能不是通过一个字符串就能判断的。HTML DOM userAgent 属性

HTML DOM Navigator 对象

定义和用法

userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。一般来讲，它是在 navigator.appCodeName（返回浏览器的代码名。） 的值之后加上斜线和 navigator.appVersion（返回浏览器的平台和版本信息。） 的值构成的。例如：Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。注：用户代理头：user-agent header。

screen

height   返回显示屏幕的高度。

width    返回显示器屏幕的宽度。

location

http://coding.imooc.com/lesson/115.html?cid=99#mid=5390

属性描述 从头往后记忆：

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

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

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

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

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

hash            设置或返回从井号 (#) 开始的 URL（锚）。

search         设置或返回从问号 (?) 开始的 URL（查询部分）。

href              设置或返回完整的 URL。

history

History 对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。

History 对象属性

属性描述

length返回浏览器历史列表中的 URL 数量。

History 对象方法

方法描述

back()加载 history 列表中的前一个 URL。

forward()加载 history 列表中的下一个 URL。

go()加载 history 列表中的某个具体页面。

History 对象描述

History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因，History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有back()、forward()和go()方法。

例子

下面一行代码执行的操作与单击后退按钮执行的操作一样：

history.back()

下面一行代码执行的操作与单击两次后退按钮执行的操作一样：

history.go(-2)