Jquery获得当前根路径 jquery获取当前页面url

如何获取当前页面的url以及如何分析它的每一部分,下面记录一下我的心得。

1、Location的概念
Location 接口表示其链接到的对象的位置(URL)。所做的修改反映在与之相关的对象上。  Document 和  Window 接口都有这样一个链接的Location,分别通过  Document.location和 Window.location 访问。

请注意,docuemnt的location属性也引用的是location对象。`window.location === document.location 输出true

2、Location的属性
Location 接口不继承任何属性,但是实现了那些来自  URLUtils 的属性。

Location.href

设置或获取整个 URL 为字符串。包含整个URL的一个 DOMString

Location.protocol

设置或获取 URL 的协议部分。包含URL对应协议的一个 DOMString,最后有一个”:”。

Location.host

设置或获取 location 或 URL 的 hostname 和 port 号码。包含了域名的一个 DOMString,可能在该串最后带有一个”:”并跟上URL的端口号。

Location.hostname

包含URL域名的一个 DOMString。

Location.port

设置或获取与 URL 关联的端口号码。包含端口号的一个 DOMString。

Location.pathname

设置或获取对象指定的文件名或路径。包含URL中路径部分的一个 DOMString,开头有一个“/”。

Location.search

设置或获取 href 属性中跟在问号后面的部分。包含URL参数的一个 DOMString,开头有一个“?”。

Location.hash

设置或获取 href 属性中在井号“#”后面的分段。包含块标识符的 DOMString,开头有一个“#”。

Location.username

包含URL中域名前的用户名的一个 DOMString。

Location.password

包含URL域名前的密码的一个  DOMString。

Location.origin

包含页面来源的域名的标准形式 DOMString。

3、Location的举例说明

var url = document.createElement(‘a’);
url.href = ‘https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container’;
console.log(url.href);      // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container
console.log(url.protocol);  // https:
console.log(url.host);      // developer.mozilla.org
console.log(url.hostname);  // developer.mozilla.org
console.log(url.port);      // (blank – https assumes port 443)
console.log(url.pathname);  // /en-US/search
console.log(url.search);    // ?q=URL
console.log(url.hash);      // #search-results-close-container
console.log(url.origin);    // https://developer.mozilla.org

4、Location的方法
Location没有继承任何方法,但实现了来自 URLUtils的方法。

Location.assign()

加载给定URL的内容资源到这个Location对象所关联的对象上。

Location.reload()

重新加载来自当前 URL的资源。他有一个特殊的可选参数,类型为 Boolean,该参数为true时会导致该方法引发的刷新一定会从服务器上加载数据。如果是 false或没有制定这个参数,浏览器可能从缓存当中加载页面。

Location.replace()

用给定的URL替换掉当前的资源。与 assign() 方法不同的是用 replace()替换的新页面不会被保存在会话的历史  History中,这意味着用户将不能用后退按钮转到该页面。

Location.toString()

返回一个 DOMString,包含整个URL。 它和读取 URLUtils.href的效果相同。但是用它是不能够修改Location的值的。

5、Location的总结

下载说明:
1.本站资源都是白菜价出售,同样的东西,我们不卖几百,也不卖几十,甚至才卖几块钱,一个永久会员能下载全站100%源码了,所以单独购买也好,会员也好均不提供相关技术服务。
2.如果源码下载地址失效请联系站长QQ进行补发。
3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4.本站站内提供的所有可下载资源(软件等等)本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发);但本网站不能保证资源的准确性、安全性和完整性,由于源码具有复制性,一经售出,概不退换。用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug;同时本站用户必须明白,【188资源网】对提供下载的软件等不拥有任何权利(本站原创和特约原创作者除外),其版权归该资源的合法拥有者所有。
5.请您认真阅读上述内容,购买即以为着您同意上述内容。
188资源网 » Jquery获得当前根路径 jquery获取当前页面url

提供最优质的资源集合

立即查看 了解详情