Location对象、History对象

Location对象：

Window对象的location属性引用的是Location对象，它表示窗口中当前显示的内容的URL，Document对象的location属性也引用Location对象，window.location === document.lacation; //true

Document对象还有一个URL属性，document.URL属性表示文档首次载入后保存该文档的URL的静态字符串。如果定位到文档中的片段标识符如#tag，location对象会做相应的更新，而document.URL属性则不变；

解析URL：

Location 对象属性：

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

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

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

href 设置或返回完整的 URL（location.toString()返回href属性的值）。

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

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

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

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

Location 对象方法：

assign() 加载新的文档。

reload() 重新加载当前文档。

replace() 用新的文档替换当前文档（无法‘后退’，替换掉之前的文档）

如果检测到浏览器不支持某些特性，可以用location.replace()来重定向载入不含该特性的版本，如：if(!XMLHttpRequest){ location.replace('staticpage.html');}这里使用相对URL，指相对当前文档的目录来解析

使浏览器跳转到新页面，最简单的方法是location = '绝对URL地址或相对URL'；

使文档滚动到标识符指定的位置，location = '#idname'，特殊标识符#top滚到文档顶部（前提是文档内不存在id为top的元素）

function urlArgs(){    var args = {};    var queay = location.search.slice(1);    queay = queay.replace(/</g,"&lt;").replace(/>/g,"&gt;");    var pairs = queay.splice('&');    for(var i = 0;i<pairs.length;i++){        var pos = pairs[i].indexOf('=');        if(pos==-1){continue;};        var name = pairs[i].slice(0,pos);        var value = pairs[i].slice(pos+1);        value = decodeURIComponent(value);        args[name] = value;    }    return args;}

History对象：Window对象的history属性引用的是History对象

History 对象属性

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

History 对象方法

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

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

history.go(number|URL) 加载 history 列表中的某个具体页面,URL 参数使用的是要访问的 URL，或 URL 的子串

转载于:https://www.cnblogs.com/susufufu/p/5713985.html

Location对象、History对象相关推荐

javascript的浏览器Bom详解,window、location、history对象
BOM(BrowserObjectModel)也叫浏览器对象模型,描述与浏览器进行交互的方法和接口.BOM由多个对象组成, 其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对 ...
Location和History对象实现三个页面跳转
Location对象需要用到的href属性,设置完整或者检索完整URL字符串 History对象:有关客户访问过的URL的信息. 想要实现这个页面的跳转就要了解History对象的三种方法分别是bac ...
BOM--location对象、history对象
location对象 location 是最有用的BOM 对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能. 事实上,location 对象是很特别的一个对象,因为它既是win ...
js history对象 back() foward() go()
history对象 history对象包含用户(在浏览器窗口中)访问过的url 方法 back() 可以后退功能 history.back() foward() 前进功能 history.fowar ...
location 和 history
Location 对象:封装了浏览器地址栏的 URL 信息一.hash 返回 URL 中 hash(#后跟零个或者多个字符), 如果不包含, 返回空字符串 # 位置标识符 : 当前页面的位置信息, ...
用Location对象和history对象修改页面url
用Location对象和history对象修改页面url 1.通过hash属性更改url Location 对象包含有关当前 URL 的信息 Location.hash是URL的锚部分 Locatio ...
JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点...
Date对象创建Date对象 //方法1:不指定参数var date_obj = new Date();alert(date_obj.toLocaleString())//方法2:参数为日期字符串v ...
JavaScript操作BOM对象 - document对象； history 和 location对象，对话框，Date时间对象...
getElementById返回拥有指定id的第一个对象(注意只是一个且是第一个)getElementsByName返回带有指定名称的对象集合getElementsBytagNam返回指定标签的对象集 ...
window.location对象、window.navigator对象、window.history对象
location 对象是 window 对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL.因为这个属性返回的是一个对象,所以我们将这个属性也称为locatio ...

Location对象、History对象

Location对象、History对象相关推荐

最新文章

热门文章