《Javascript权威指南》十六学习笔记:BOM资源---BOM基本应用
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基本应用的更多相关文章
- 《JavaScript权威指南 第六版 中文版》(一)
<JavaScript权威指南 第六版 中文版> 第二章 词法结构 2.1字符集 JavaScript是使用Unicode字符集编码写的. 2.1.1区分大小写 JavaScript是区分 ...
- 【笔记】javascript权威指南-第六章-对象
对象 //本书是指:javascript权威指南 //以下内容摘记时间为:2013.7.28 对象的定义: 1.对象是一种复合值:将很多值(原始值或者对象)聚合在一起,可以通过名字访问这些值. ...
- [在读] javascript权威指南第六版
耽搁了有大半年没看,记得当时看到5分之2了吧.权威指南是不管读几遍都能觉得有新收获的书^^
- JavaScript权威设计--CSS(简要学习笔记十六)
1.Document的一些特殊属性 document.lastModified document.URL document.title document.referrer document.domai ...
- JS 语言核心(JavaScript权威指南第六版)(阅读笔记)
前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分享本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思 ...
- 【读书笔记--cookie】JavaScript权威指南 第六版
遇到一些问题需要用cookie处理,正好读了一下犀牛书关于cookie的介绍,整理了一些笔记. cookie是指web浏览器存储的少量数据,同时它是与具体的web页面或者站点相关的. cookie数据 ...
- JavaScript权威指南第六版(阅读笔记)
前言: 对于软件行业学习是无止境的,因为知识更替非常快,能够快速稳固掌握一门新技术是一个程序员应该具备的基本素质. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢 ...
- javascript权威指南第六版学习
第二章 语法结构 2.1 字符集 什么是字符集?各种字符集什么关系?unicode,utf-8是什么关系? 字符(Character)是各种文字和符号的总称,包括各国家文字.标点符号.图形符号.数字等 ...
- Note | Javascript权威指南[第六版] 第1章:Javascript概述
JavaScript是一门高端的.动态的.弱类型的编程语言,非常适合面向对象和函数式的编程风格.JavaScript的语法源自Java,它的一等函数(first-class function)来 ...
随机推荐
- 【从翻译mos文章】Weblogic AdminServer 启动fail,报错"unable to get file lock, will retry"
Weblogic AdminServer 启动fail,报错"unable to get file lock, will retry" 参考原始: Weblogic AdminSe ...
- Android KitKat 4.4 Wifi移植AP模式和网络共享的调试日志
Tethering技术在移动平台上已经运用的越来越广泛了.它能够把移动设备当做一个接入点,其它的设备能够通过Wi-Fi.USB或是Bluetooth等方式连接到此移动设备.在Android中能够将Wi ...
- LeanCloud获取最近会话列表和获取最后一条聊天记录
最近公司有项目需要集成IM聊天功能,领导要求用LeanCloud集成,搞不出来就要背包滚蛋啊,没办法只能硬着头皮搞了. 刚拿到官方提供的demo感觉:嗯,不错.图片语音啥的都有了,但尼玛这还不够啊,还 ...
- ViewData ViewBag ViewModel
ViewBag 里可以携带dynamic的数据. Model 是从control传过来的模型数据. 我自己感觉ViewBag 可以携带少量的数据,但是我同事喜欢部分页partial 请求,ViewBa ...
- 【C语言探索之旅】 第二部分第六课:创建你自己的变量类型
内容简介 1.课程大纲 2.第二部分第六课: 创建你自己的变量类型 3.第二部分第七课预告: 文件读写 课程大纲 我们的课程分为四大部分,每一个部分结束后都会有练习题,并会公布答案.还会带大家用C ...
- iOS8发展~Swift(三)UI详细解释
一个.总结 使用Swift去完成iOS的UI接口,事实上,目前的想法和OC实现几乎一致,只是在措辞非常大的差异,修改前更更大的个人控制.为有纯代码强迫症,所以接下来创建一个纯代码动项目,然后在此基础上 ...
- 【Java基础】System.arraycopy()的使用详解
由于在Java中System.arraycopy()方法在一维数组和二维数组中的表现不同,所以做了一个测试 public static void main(String[] args) { int[] ...
- Cocos2d-x 单点触摸--让我们用手指动起来的精灵
转载请注明出处:http://blog.csdn.net/oyangyufu/article/details/25656673 效果图: CCTouch类装载了触摸点的信息.包含触摸点的横纵坐标值和触 ...
- Android 布局管理器
为了更好地管理Android应用程序的用户界面组件,Android它提供了一个布局管理.通过使用布局管理,Android具有良好的平台无关的图形用户界面应用程序. 平时,推荐布局管理器来管理分布式组件 ...
- struts2和struts1认识
1.Struts 2基本流程 Struts 2框架本身可以大致分3部分:核心控制器FilterDispatcher.业务总监Action与用户实现企业业务逻辑组件. 核心控制器FilterDispat ...