码迷,mamicode.com
首页 > Web开发 > 详细

获取当前页面的url

时间:2018-04-02 13:47:59      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:search   size   blog   端口   思路   内容   主机名   style   log   

  获取当前页面的url,可以使用window.location.href

  如果想进一步获取到主机名,端口号等可以直接使用

  window.location.host //主机名加端口号

  window.location.hostname  //主机名

  window.location.origin   //协议主机名端口号

  window.location.pathname  //路径名

  window.location.port   //端口号

  window.location.protocol  //协议名

  window.location.hash  //描点  #后面的内容

 

  注意,当window.location = url  和 window.location.href = url  具有相同的功能。

  但是window.location返回的是一个对象,可以像上面那样调用相应的属性。

  而 window.location.href返回的是一个字符串。

  

  另外一思路是获取到地址字符串后,用正则来匹配,得到想要的信息。

 

  还有一种做法

  var test = document.createElement(‘a‘);

  test.href = window.location.href;

  test.search //得到查询部分,?以后的内容

  test.host  //得到主机名

  用法和上面的window.location一样,但是test并不等于同于document.location;

  

获取当前页面的url

标签:search   size   blog   端口   思路   内容   主机名   style   log   

原文地址:https://www.cnblogs.com/sujianfeng/p/8692231.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!