我是靠谱客的博主 超级棒棒糖,最近开发中收集的这篇文章主要介绍JavaScript获取当前页面网址信息、路径、地址、网址、本页面、url、window、location、href、protocol、host、port、pathname、search、hash1、获取整个URL地址2、获取url协议3、获取url主机4、获取url端口5、获取url路径,文件地址6、获取url问号后面的部分7、获取url井号后面的分段,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
目录
- 1、获取整个URL地址
- 2、获取url协议
- 3、获取url主机
- 4、获取url端口
- 5、获取url路径,文件地址
- 6、获取url问号后面的部分
- 7、获取url井号后面的分段
1、获取整个URL地址
console.log(window.location.href);
// https://fanyi.baidu.com/translate?aldtype=16047&query=&keyfrom=baidu&smartresult=dict&lang=auto2zh#zh/en/%E5%B7%B2%E7%9F%A5
2、获取url协议
console.log(window.location.protocol);
// https:
3、获取url主机
console.log(window.location.host);
// fanyi.baidu.com
4、获取url端口
console.log(window.location.port);
// 返回空字符,如果采用默认的80端口,
// 即使添加了80端口,那么返回值并不是默认的80而是空字符
5、获取url路径,文件地址
console.log(window.location.pathname);
// /translate
6、获取url问号后面的部分
console.log(window.location.search);
// ?aldtype=16047&query=&keyfrom=baidu&smartresult=dict&lang=auto2zh
7、获取url井号后面的分段
console.log(window.location.hash);
// #zh/en/%E5%B7%B2%E7%9F%A5
最后
以上就是超级棒棒糖为你收集整理的JavaScript获取当前页面网址信息、路径、地址、网址、本页面、url、window、location、href、protocol、host、port、pathname、search、hash1、获取整个URL地址2、获取url协议3、获取url主机4、获取url端口5、获取url路径,文件地址6、获取url问号后面的部分7、获取url井号后面的分段的全部内容,希望文章能够帮你解决JavaScript获取当前页面网址信息、路径、地址、网址、本页面、url、window、location、href、protocol、host、port、pathname、search、hash1、获取整个URL地址2、获取url协议3、获取url主机4、获取url端口5、获取url路径,文件地址6、获取url问号后面的部分7、获取url井号后面的分段所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复