如何使用JavaScript获取在浏览器中的当前URL

时间:2019-05-19 01:26:09  来源:igfitidea点击:

JavaScript提供了多种方法来获取显示在web浏览器地址栏中的当前URL。
我们可以使用Window对象的Location对象属性来获取这些详细信息。
下面是location对象的几个属性列表。
下面是使用JavaScript获取URL和其他细节的可用选项列表。
第一个示例将在web浏览器中获取当前URL。

1 -href

这将返回在地址栏中显示的整个URL。

 var currentURL = window.location.href;

2 -host

这将在地址栏中返回URL的主机名和端口。

 var currentHost = window.location.host;

3 -hostname

这将只返回地址栏中URL的主机名。

  var currentHostname = window.location.hostname;

4 -port

这将只返回地址栏中URL的端口细节。

  var currentPort = window.location.port;

5 -protocol

这将在地址栏中返回URL的协议。
比如URL使用HTTP(不使用SSL)或HTTPS(使用SSL)。

  var currentProtocol = window.location.protocol;

6 -pathname

这将返回地址栏中URL的路径名(在域名后面的值)。

  var currentPathname = window.location.pathname;

7 -hash

这将返回URL的锚点部分,包括井号(# )。

  var currenthash = window.location.hash;

8 -search

这将返回以问号(?)开头的类URL部分的查询部分。

  var currentSearchString = window.location.search;