HTML5新增API

1、Location对象

location对象包含有关当前URL的信息

location对象是window对象的一部分可以通过window.location属性进行访问

属性：

origin: 返回当前页面的域名

host: 返回一个URL的主机名和端口号

hostname: 返回URL的主机名

port： 返回一个url服务器使用的端口号

pathname： 返回URL路径名

protocol: 返回一个URL协议

hash: 返回从#开始的URL锚

href: 返回完整的URL

search: 返回从问好开始的url查询部分

---

方法：

replace() 用新的文档替换当前文档，替换当前页面不记录历史，也不能后退

reload() 重新加载当前文档相当于点击刷新

assign() 加载新的文档，也就是跳转

2、Navigator对象

navigator对象是包含有关浏览器的信息，window.navigator接口用于表示用户代理的状态和标识

下面的代码可以根据用户所在终端来打开页面，完成跳转

if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
    window.location.href = "";     //跳转到手机端的页面
 } else {
    window.location.href = "";     //跳转到pc端的页面
 }

Navigator.geolocation用于获取地理位置

Navigator.onLine 是一个只读的布尔值，声明了系统是否属于脱机状态是返回false,否则返回true

H5也有用于用于检测网络状态的属性

window.ononline

window.onoffline

3、History对象

History对象用于保存用户访问过的url

属性：

length： 访问过的url的数量

state： 返回浏览器在当前 URL 下的状态信息，如果没有调用过 pushState() 或 replaceState() 方法，则返 回默认值 null。

方法：

back() 加载History加载的上一个url

forward() 加载History加载的下一个url

go() 可以传参，为正值则前进，为负值则后退，为0则刷新页面

pushState() 在浏览记录中增加一条记录

replaceState()用于修改History对象的当前记录

4、Files对象

用于表单添加的multiple睡醒上传文件过后会得到一个files对象(伪数组)

var rearder=new FileReader();可实例化一个对象

实力方法：

rearder.readAsDataURL() DataURL形式读取文件

rearder.readAsText() 读取文件内容

需要等待读取完毕后才可以显示

和onload事件监听，当文件读取完毕后调用

rearder.result文件读取结果