我是靠谱客的博主 超级棒棒糖,最近开发中收集的这篇文章主要介绍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井号后面的分段所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部