截取url的host_【前端】jq获取当前url并用split截取所需id值

今天碰到一个需要在本页面获取另一个页面传过来的参数问题，并在本页进行判断，执行函数。那么将需要获取当前页面的url，并截取从其他携带回来的参数，例如id值等，并通过split()进行截取。方法有很多，下面仅此一个，有时间继续和大家分享其他方法。

获取当前URL方法：

1.thisURL = document.URL;

2.thisHREF = document.location.href;

3.thisSLoc = self.location.href;

用split来截取所需值：

var url = " http://127.0.0.1:8000/shop/cart/?name=tian&id=1";//首先获取到你的URL地址;

var ary = url .split("&");//用“&”将URL分割成2部分每部分都有你需要的东西;

var url0 = ary[0];//获取到" http://127.0.0.1:8000/shop/cart/?name=tian";

var url1 = ary[1];//获取到URL的另一部分"id=1";

var classname = url0.split("=")[1];//获取到calssname的值 tian;

var id = url1.split("=")[1];//获取到id的值 1

split() 方法用于把一个字符串分割成字符串数组。

stringObject.split(separator,howmany)

separator:必需,字符串或正则表达式，从该参数指定的地方分割 stringObject。

howmany:可选,该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。例如：str.split(“= “,3)

另外列出一些 javascript 获取url中各个部分的功能方法：

window.location.host; //返回url 的主机部分，例如：www.xxx.com

window.location.hostname; //返回www.xxx.com

window.location.href; //返回整个url字符串(在浏览器中就是完整的地址栏)，例如：www.xxx.com/index.php?class_id=3&id=2

window.location.pathname; //返回/a/index.php或者/index.php

window.location.protocol; //返回url 的协议部分，例如： http:，ftp:，maito:等等。

window.location.port //url 的端口部分，如果采用默认的80端口，那么返回值并不是默认的80而是空字符

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创