js 怎么URL 重定向，和获取重定向之后的地址以及参数

JavaScript08

js 怎么URL 重定向，和获取重定向之后的地址以及参数,第1张

以下通过一个例子来说明URL重定向，和获取重定向之后的地址以及参数：

js重定向

html:

<input type="hidden" id="userid" value="23">

name:<input type="text" id="username" name="username">

<a id="show_a" href="javascript:void(0)" onclick="go()">跳转</a>

js方法重定向

function go(){

   var id=$("#userid").val()

   var username=$("#username").val()

   //两个页面是同目录下可以按照以下写，如果不同则写绝对路径

   window.location.href="queryImage.jsp?id="+id+"&username="+username

  }

点击“跳转”即可URL重定向

跳转到queryImage.jsp页面

$(function(){

//获取当前地址

var url=window.location.href

//输出获取的地址

alert(url)

//截取参数

var param=url.substring(url.indexOf("?")+1)

//输出截取的参数

alert(param)

var arr=param.split("&")

for(i=0i<arr.lengthi++){

//遍历参数输出

alert(arr[i])

}

})

地址输出：

截取参数：

遍历参数：

在现行的网站应用中URL重定向的应用有很多：

404页面处理、网址改变、多个网站地址等；

本质上就是将当前使用者的网址从一个网址导向到另外的一个网址上面去；

实现重定向的方式有很多种，有服务器端配置、后端程序重定向处理、前端js重定向；

前端重定向的实现：

在众多的BOM对象中，location算是最重要的对象之一了，使用location可以通过多种方式来改变浏览器的位置，如：

location.assign("http://www.baidu.com")

window.location="http://www.baidu.com"

location.href="http://www.baidu.com"

另外修改location对象的其他属性也可以改变当前加载的页面。