js获取当前页面的URL

时间:2022-01-10 22:25:35

在很多场景中我们需要在某个界面(不能确定的界面)跳转到另一个界面进行某项操作,然后操作完毕之后重新跳转到之前的页面(如浏览商品的过程中进行登录,登录后返回到浏览商品的界面),因为并不能确定这个界面是在哪个界面,所以重定向显然已经是不行的了,这个时候就需要知道我们在地址栏上的url,把他保存下来,以便后面使用。

以当前url为
http://localhost:8080/shopping/buyCart.shtml?skuId=510&amount=1
为例:

//获取当前窗口的Url 例如:http://localhost:8080/shopping/buyCart.shtml?skuId=510&amount=1window.location.href //获取当前窗口的主机名 例如:http://localhost:8080 window.location.host//获取当前窗口的端口 例如: 8080window.location.port//获取当前窗口的路径 例如: /shopping/buyCart.shtmlwindow.location.pathname//获取当前文档的Urldocument.URL//获取参数 例如: ?skuId=510&amount=1window.location.search//跳出当前窗口,打开新窗口window.open(url);


跳转登录页面:

function login(){
window.location.href = "/shopping/login.shtml?returnUrl=" + window.location.href;
}