JS获取和设置URL及参数

0x00 整个 URL 字符串

// 如果 URL 为 https://github.com/chenchenwuai?a=111&b=222
//获取
console.log(window.location.href)
//  输出  https://github.com/chenchenwuai?a=111&b=222

//设置
window.location.href= "https://github.com";
// 设置后网页跳转到 https://github.com

0x01 协议部分

// 如果 URL 为 https://github.com/chenchenwuai?a=111&b=222
//获取
console.log(window.location.protocol)
//  输出  https:

//设置
window.location.protocol= "http:";
// 设置后网页会进行跳转

0x02 hostname(或ip)和port端口

// 如果 URL 为 https://github.com/chenchenwuai?a=111&b=222
//获取
console.log(window.location.host)
//  输出  github.com

//如果URL = 192.168.8.1:80/index.html
console.log(window.location.host)
//  输出  192.168.8.1:80

//设置
window.location.host= "192.168.8.1";
// 设置后网页会进行跳转

0x03 URL 关联的端口号码

// 如果 URL 为 https://github.com/chenchenwuai?a=111&b=222
//获取
console.log(window.location.port)
//  输出空值  ""

//如果URL = 192.168.8.1:80/index.html
console.log(window.location.port)
//  输出  80

//设置
window.location.port= "81";
// 设置后网页会进行跳转

0x04 指定的文件名或路径

// 如果 URL 为 https://github.com/chenchenwuai?a=111&b=222
//获取
console.log(window.location.pathname)
//  输出  /chenchenwuai

//设置
window.location.pathname= "/abcde";
// 设置后网页会进行跳转

0x05 “#”后面的分段

// 如果 URL 为 https://github.com/chenchenwuai#target?a=111&b=222
//获取
console.log(window.location.hash)
//  输出  #target?a=111&b=222

//设置
window.location.hash= "#abcde";
// 设置后网页会变化

0x06 “?”后面的分段,请求参数

// 如果 URL 为 https://github.com/chenchenwuai?a=111&b=222
//获取
console.log(window.location.serach)
//  输出  ?a=111&b=222

//设置
window.location.serach= "?c=333";
// 设置后网页会进行跳转

0x... 

 

发布了13 篇原创文章 · 获赞 8 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览