BOM基本应用包括:管理浏览器历史记录、得到处理和解决浏览器的信息。本文介绍了这些应用程序。

一、浏览历史管理

1、history对象的方法和属性

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

length属性:返回浏览器历史列表中的URl数量。

是"前进“和”后退“两个button之下包括的地址数的总和。

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

forward():载入 history 列表中的下一个 URL。该方法的效果等价于点击前进button或调用 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/>");

结果:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTA0Mzg0Mw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

三、获取浏览器信息

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 对象包括有关client显示屏幕的信息。每一个 Window 对象的 screen 属性都引用一个 Screen 对象。

没有应用于 screen 对象的公开标准,只是全部浏览器都支持该对象。其属性:

版权声明:本文博客原创文章,博客,未经同意,不得转载。

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

  1. 《JavaScript权威指南 第六版 中文版》(一)

    <JavaScript权威指南 第六版 中文版> 第二章 词法结构 2.1字符集 JavaScript是使用Unicode字符集编码写的. 2.1.1区分大小写 JavaScript是区分 ...

  2. 【笔记】javascript权威指南-第六章-对象

    对象 //本书是指:javascript权威指南    //以下内容摘记时间为:2013.7.28 对象的定义: 1.对象是一种复合值:将很多值(原始值或者对象)聚合在一起,可以通过名字访问这些值. ...

  3. [在读] javascript权威指南第六版

    耽搁了有大半年没看,记得当时看到5分之2了吧.权威指南是不管读几遍都能觉得有新收获的书^^

  4. JavaScript权威设计--CSS(简要学习笔记十六)

    1.Document的一些特殊属性 document.lastModified document.URL document.title document.referrer document.domai ...

  5. JS 语言核心(JavaScript权威指南第六版)(阅读笔记)

    前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分享本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思 ...

  6. 【读书笔记--cookie】JavaScript权威指南 第六版

    遇到一些问题需要用cookie处理,正好读了一下犀牛书关于cookie的介绍,整理了一些笔记. cookie是指web浏览器存储的少量数据,同时它是与具体的web页面或者站点相关的. cookie数据 ...

  7. JavaScript权威指南第六版(阅读笔记)

    前言: 对于软件行业学习是无止境的,因为知识更替非常快,能够快速稳固掌握一门新技术是一个程序员应该具备的基本素质. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢 ...

  8. javascript权威指南第六版学习

    第二章 语法结构 2.1 字符集 什么是字符集?各种字符集什么关系?unicode,utf-8是什么关系? 字符(Character)是各种文字和符号的总称,包括各国家文字.标点符号.图形符号.数字等 ...

  9. Note | Javascript权威指南[第六版] 第1章:Javascript概述

       JavaScript是一门高端的.动态的.弱类型的编程语言,非常适合面向对象和函数式的编程风格.JavaScript的语法源自Java,它的一等函数(first-class function)来 ...

随机推荐

  1. 超人学院Hadoop大数据资源共享

    超人学院Hadoop大数据资源共享-----数据结构与算法(java解密版) http://yunpan.cn/cw5avckz8fByJ   訪问password b0f8 很多其它精彩内容请关注: ...

  2. 如何插上U盘 自动复制内容

    U盘插入自动复制,有效对付那些不肯给PPT的老师,还有一定几率拿到期末考试卷子···有图有真相!业界良心的好东西!!现在看还来得及!!! 代码优化了一下,把不是很重要的都删掉了,这次使用时看不出任何现 ...

  3. Vc6.0打开该文件坠毁

    这是一个微软bug,下面是用户给出的溶液: http://blog.163.com/wjatnx@yeah/blog/static/12758622820138110530322/ http://bl ...

  4. Java基金会——JUnit

    JUnit 測试的重要性毋庸质疑.但怎样使測试更加准确和全面.而且独立于项目之外而且避免硬编码,JUnit给了我们一个非常好的解决方式. 能够说JUnit是为单元測试而生的,一个Java语言的单元測试 ...

  5. Java知多少(87)选择框和单选按钮(转)

    选择框.单选框和单选按钮都是选择组件,选择组件有两种状态,一种是选中(on),另一种是未选中(off),它们提供一种简单的 “on/off”选择功能,让用户在一组选择项目中作选择. 选择框 选择框(J ...

  6. NEON简单介绍

    个128位四字寄存器Q0-Q15,32个64位双字寄存器D0-D31,两个寄存器是重叠的,在使用的时候须要特别注意,不小心就会被覆盖掉. NEON的数据类型:无符号整数.有符号整数.未指定类型的整数. ...

  7. 可以部署在广域网执行QQ高仿版 GG2014 (源代码)

      距上次GG V3.7版本号(可在广域网部署执行的QQ高仿版 -- GG叽叽V3.7.优化视频聊天.控制很多其它相关细节)的公布.已经有50天了,这50天对于GG来说.是一个重大的飞跃. 由于这段时 ...

  8. 浅谈web网站架构演变过程(转)

    前言 我们以javaweb为例,来搭建一个简单的电商系统,看看这个系统可以如何一步步演变.   该系统具备的功能:   用户模块:用户注册和管理 商品模块:商品展示和管理 交易模块:创建交易和管理 阶 ...

  9. [原创].NET 分布式架构开发实战之一 故事起源

    原文:[原创].NET 分布式架构开发实战之一 故事起源 .NET 分布式架构开发实战之一 故事起源 前言:本系列文章主要讲述一个实实在在的项目开发的过程,主要包含:提出问题,解决问题,架构设计和各个 ...

  10. SQL SERVER SQLOS的任务调度

    原文:SQL SERVER SQLOS的任务调度 原文地址:http://blogs.msdn.com/b/apgcdsd/archive/2011/11/24/sql-server-sqlos.as ...