1、设置或获取对象指定的文件名或路径。
window.location.pathname
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出:/topic/index
2、设置或获取整个 URL 为字符串。
window.location.href
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.href); 则输出:http://localhost:8086/topic/index?topicId=361
3、设置或获取与 URL 关联的端口号码。
window.location.port
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出:8086
4、设置或获取 URL 的协议部分。
window.location.protocol
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 则输出:http:
5、设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash
6、设置或获取 location 或 URL 的 hostname 和 port 号码。
window.location.host
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出:http:localhost:8086
7、设置或获取 href 属性中跟在问号后面的部分。
window.location.search
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出:?topicId=361
window.location
属性 描述
href 设置或获取整个 URL 为字符串。
host 设置或获取 location 或 URL 的 hostname 和 port 号码。
protocol 设置或获取 URL 的协议部分。
port 设置或获取与 URL 关联的端口号码。
hostname 设置或获取 location 或 URL 的主机名称部分。
pathname 设置或获取对象指定的文件名或路径。
search 设置或获取 href 属性中跟在问号后面的部分。
hash 设置或获取 href 属性中在井号“#”后面的分段。
http://layui.yiiadv.dev/index.php?r=table%2Frenderjs
var href = location.href;
var host = location.host;
var protocol = location.protocol;
var port = location.port;
var hostname = location.hostname;
var pathname = location.pathname;
var search = location.search;
var hash = location.hash;
console.log(href); // http://layui.yiiadv.dev/index.php?r=table%2Frenderjs
console.log(host); // layui.yiiadv.dev
console.log(protocol); // http:
console.log(port);
console.log(hostname); // layui.yiiadv.dev
console.log(pathname); // /index.php
console.log(search); // ?r=table%2Frenderjs
console.log(hash);