《Javascript权威指南》学习笔记之十六:BOM之源---BOM基本应用

BOM的基本应用包括:管理浏览器历史、解析地址和获取浏览器信息,本文将介绍这些应用。

一、浏览历史管理

1、history对象的方法和属性

History 对象包含用户(在浏览器窗口中)访问过的 URL,是 window 对象的一部分,可通过 window.history 属性对其进行访问。没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。

length属性:返回浏览器历史列表中的URl数量。是"前进“和”后退“两个按钮之下包含的地址数的总和。

back([num]):加载 history 列表中的前一个 URL。参数num表示后退的地址步数,若没有定义num,效果等价于点击后退按钮或调用 history.go(-1)。

forward():加载 history 列表中的下一个 URL。该方法的效果等价于点击前进按钮或调用 history.go(1)。

go([location]):加载history列表中的location位置的页面,location可以是字符串或者整数。若是字符串,表示是要访问历史列表中的某个 URL,或 URL 的子串;若是整数,表示是要访问的 URL 在 History 的 URL 列表中的相对位置,正数是前进,负数是后退,0表示刷新当前网页,与location.reload()等效

2、HTML 5 BOM新增功能

HTML 5 BOM新增了两个方法和一个属性:

window.history.pushState(data,title[,url]):添加新的浏览历史项。data定义历史记录的数据,title定义历史记录的标题,URL定义历史记录的URL地址。触发popstate事件。

window.history.replaceState(data,title[,url]):更新当前历史浏览项。参数同上。触发popstate事件。

state属性:返回上述两个方法添加的信息。

二、解析地址

location对象描述的是一个窗口对象打开的URL地址。使用window.location可以返回一个location对象(window可以省略)。表示当前窗口的地址,可以用alert(location)获取;若要表示某一个窗口的地址,则要用”窗口对象名.location“获取URL。

var newWin = window.open("http://www.baidu.com","_target");

alert(newWin.location);

1、location对象的属性:

2、location对象的方法

HTML5新增一个resolveURL(sURL):将相对的URL转为绝对的URL

document.write("书签名称: "+location.hash+"<br/>");
document.write("主机全称: "+location.host+"<br/>");
document.write("主机名称: "+location.hostname+"<br/>");
document.write("路径名称: "+location.pathname+"<br/>");
document.write("连接端口名称: "+location.port+"<br/>");
document.write("协议名称: "+location.protocol+"<br/>");
document.write("查询字符串: "+location.search+"<br/>");

结果:

三、获取浏览器信息

Navigator 对象包含有关浏览器的信息,其对象实例唯一,可以用 Window 对象的 navigator 属性来引用它。没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。

1、遍历Navigator对象成员

使用window.navigator属性可以返回一个Navigator对象,使用for..in循环可以检测

for(var i in window.navigator)
{
	document.write(i + "==="+window.navigator[i]+"<br/>");
}

在不同的浏览器中运行结果不同,在google中结果如下

2、Navigator对象属性:

3、Navigator对象的方法

   

四、非标准应用---screen对象

Screen 对象包含有关客户端显示屏幕的信息。每个 Window 对象的 screen 属性都引用一个 Screen 对象。没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象。其属性:

《Javascript权威指南》学习笔记之十六:BOM之源---BOM基本应用,布布扣,bubuko.com

时间: 2024-12-13 16:36:45

《Javascript权威指南》学习笔记之十六:BOM之源---BOM基本应用的相关文章

JavaScript权威指南学习笔记之一

1.关于分号 javascript里面不强制使用分号来表示一行语句的结束,但是最好能够在写js之前,特别是在原有的js上面新增时,最好前置一个分号.避免这种情况发生:  2.JavaScript类型转换 3.关于=== ①如果类型不同则不等 ②null===null或undefined===undefined ③true===true或false===false ④NaN不等 ⑤0===0 0===-0 ⑥如果是同一个object,array,function则相等 4.关于== ①如果已经==

javascript权威指南学习笔记1

打开这本书,进入到javascript的世界.以前都是看各种视频,感觉什么收获也没有,反而弄得脑袋混乱,希望能够按照这本书的节奏掌握javascript这门语言,为我的前端学习打下基础. 学习前准备:web浏览器(F12用来唤醒和关闭firebug界面,ctrl+shift+j用来唤醒错误工作台,console.log()调试辅助) 本书分为4个部分:Javascript语言核心:客户端Javascript:Javascript核心参考:客户端Javascript参考.今天主要学了第一部分.主要

javascript权威指南学习笔记2

Javascript语言核心(2~12章) 第三章:类型.值.变量 1.数字: overflow(Infinity, -Infinity).underflow(+0,-0) 非数字值:它和任何值都不相等,包括自身.if(x!=x) return NAN:==>isNaN()判断是不是NaN或者字符串等 javascript的精度要注意,即(0.3-0.2)!=(0.2-0.1) Date()构造函数:月份从0开始计数,天数从1开始计数,星期天是0: 2.文本: 转义字符(牢记斜杠后面几个特殊的值

javascript 权威指南学习笔记

//通过id查找多个元素 function getElements(/*ids...*/){ var elements = {}: for(var i=0; i<arguments.length; i++){ var id = arguments[i]; var elt =document.getElementById("id"); if(elt == null) throw new Error("No element with id :" +id); ele

Android学习笔记(十六)——碎片之间进行交互(附源码)

碎片之间进行交互 点击下载源码 很多时候,一个活动中包含一个或者多个碎片,它们彼此协作,向用户展示一个一致的UI.在这种情况下,碎片之间能进行通信并交换数据十分重要. 1.使用上一篇中创建的同一个项目,在fragment.xml中添加TextView的标识id: android:id="@+id/lblFragment1" 2.在fragment2.xml中添加一个Button,用于与fragment1进行交互: <Button android:id="@+id/btn

【Unity 3D】学习笔记二十六:unity游戏脚本(六)

在3D游戏世界中,任何一个游戏对象在创建的时候都会附带Transform(变换)组件,并且该组件是无法删除的,也不应该删除.在unity中,Transform面板一共有3个属性: Position  (位置) Rotation(旋转) Scale(缩放) 这三个值都是用来调整游戏对象在游戏界面中的位置,状态等相关参数. Position  (位置) 任何一个游戏对象的三维坐标都保存在Vector3容器中,该容器记录对象在X轴,Y轴,Z轴的坐标.一旦Vector33容器中的坐标发生变化,那么Sce

Git权威指南学习笔记(一)Git初始化

1.在Git中配置用户名和邮件地址 $ git config --global user.name "Jymn_Chen" $ git config --global user.email "[email protected]" 注意把用户名和邮件地址替换成你自己的资料. 在这里的参数global表示配置的作用范围是当前用户,如果将参数改为system,那么配置的作用范围是系统中的所有用户. 2.创建版本库 新建一个目录并cd到目录中,执行以下命令: $ git i

Git权威指南学习笔记(二)Git暂存区

如下图所示: 左侧为工作区,是我们的工作目录. 右侧为版本库,其中: index标记的是暂存区(stage),所处目录为.git/index,记录了文件的状态和变更信息. master标记的是master分支所代表的目录树.HEAD指向master分支. objects标记的是Git的对象库,所处目录为.git/objects,文件索引建立了文件和对象库中对象实体之间的映射关系. 通过该图我们可以清晰地看出add,commit等命令的转化关系.下面通过git diff和git status两条命

angular学习笔记(二十六)-$http(4)-设置请求超时

本篇主要讲解$http(config)的config中的timeout项: $http({ timeout: number }) 数值,从发出请求开始计算,等待的毫秒数,超过这个数还没有响应,则返回错误 demo: html: <!DOCTYPE html> <html ng-app = 'HttpGet'> <head> <title>18.4 $http(2)</title> <meta charset="utf-8"