js中的location的href和pathname,search

在我们使用浏览器中访问一个url，HTTP GET获取到一个资源后。我们可以查看浏览器的location对象。
比如，我们search一下，在浏览器中会出现下面的url：

https://www.bing.com/search?q=location.href+location.pathname&go=%E6%8F%90%E4%BA%A4&qs=n&form=QBLH&pq=location.href+location.pathname&sc=0-14&sp=-1&sk=&ghc=1&cvid=be38977d2c4d483ba842e8019853315f

使用window.location.href

得到的结果时浏览器地址栏中的完整地址串：
“https://www.bing.com/search?q=location.href+location.pathname&go=%E6%8F%90%…ion.pathname&sc=0-14&sp=-1&sk=&ghc=1&cvid=be38977d2c4d483ba842e8019853315f”

window.location.pathname

得到URL的路径部分(就是请求映射的地址)
“/search”

如果我们修改pathname，则浏览器中的地址栏url的pathname部分就会改变，并触发新的http get操作。但是后面接着的参数长串依然存在。

window.location.search

得到的是：
“?q=location.href+location.pathname&go=%E6%8F%90%E4%BA%A4&qs=n&form=QBLH&pq=location.href+location.pathname&sc=0-14&sp=-1&sk=&ghc=1&cvid=be38977d2c4d483ba842e8019853315f”

其他：

window.location.host

“www.bing.com”

window.location.hostname

“www.bing.com”

window.location.port

“”
==== 说明： URL 的端口部分
如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符
本例返回值:”“

window.location.hash
如果使用了锚点，比如对于这样一个URL
http://localhost:8080/search?ver=1.0&id=6#herepointer
锚点返回值:#herepointer

js中的location的href和pathname,search相关推荐

关于js中window.location.href、location.href 等如何跳转
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
关于js中window.location.href,location.href,parent.location.href,top.location.href的使用方法
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
JS中的location.href
//js中的location.href有很多种用法:self.location.href="/url"; //当前页面打开URL页面location.href="/url ...
关于js中window.location.href、location.href、parent.location.href、top.location.href的用法...
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
关于js中window.location.href、location.href重定向
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
在vue.js中实现a标签href tel的打电话功能
在vue.js中实现a标签href tel的打电话功能 div v-for="p in persons"> <p> name: {{ p.name }} < ...
js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"."location.href"是本页面跳转. "parent.location.href" 是 ...
JS中 window.location.search的作用
用该属性获取页面 URL 地址: window.location 对象所包含的属性属性描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostnam ...

js中的location的href和pathname,search

js中的location的href和pathname,search

js中的location的href和pathname,search相关推荐

最新文章

热门文章