JS -获取浏览器的 URL 地址栏
程序员文章站
2022-03-20 23:30:57
URL即:统一资源定位符 (Uniform Resource Locator, URL)完整的URL由这几个部分构成:通信协议:常用的http,ftp,maito等host:主机 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号 整数,可选,省略时使用方案的默认端口,如http的默认端口为80。path:路径 由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。query:查询 可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/...
URL即:统一资源定位符 (Uniform Resource Locator, URL)
- 完整的URL由这几个部分构成:
-
通信协议:
常用的http,ftp,maito等 -
host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 -
port:端口号
整数,可选,省略时使用方案的默认端口,如http的默认端口为80。 -
path:路径
由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。 -
query:查询
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&“符号隔开,每个参数的名和值用”="符号隔开。 -
fragment:信息片断
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)
-
如此:我们就可以使用
JavaScript
来获取到URL
的各个部分
- 获取整个URL的地址栏
console.log(window.location.href);
console.log(document.location.href);
输出:
- 返回 URL 通讯协议部分
protocol
(http、https……)
console.log(window.location.protocol);
- 返回URL的主机部分
host
(如:域名、ip地址……)
console.log(window.location.host);
输出:
- URL 的端口部分
prot
console.log('端口号: '+window.location.port);
输出:
- URL 的路径部分
pathname
console.log('路径: '+window.location.pathname);
输出:
- URL的参数部分:
search
(如:get请求时,显示在URL地址栏上的name属性值)
console.log('属性: '+window.location.search);
输出:
本文地址:https://blog.csdn.net/weixin_45030716/article/details/107460113
上一篇: 机器学习基础(十二)之逻辑回归
下一篇: python图像学基础
推荐阅读
-
js function 返回值的函数(js获取后端方法的返回值)
-
ASP.NET实现MVC中获取当前URL、controller及action的方法
-
jsp Request获取url信息的各种方法对比
-
jsp获取url路径的方法分析
-
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
-
js获取文件后缀(java获取文件后缀名的方法)
-
JS获取IUSR_机器名和IWAM_机器名帐号的密码
-
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
-
php获取URL中带#号等特殊符号参数的解决方法
-
原生js获取浏览器窗口及元素宽高常用方法集合