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

JavaScript011

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对象的其他属性也可以改变当前加载的页面。

window.top.location="URL"，或 top.location="URL" 这两个效果是一样的。

location="URL"，window.location="URL"，和location.href="URL" 这三个效果是一样的。

这几个都是用来做URL跳转的。window对象的属性一般都可以省略不写，所以代不代window都可以。比如你在页面上调用close()相当于window.close()，他就会弹出关闭页面确认对话框。在IE6下没有，IE6以上版本都有。

top.location可以跳出框架，如果你的页面不想被别人的网页用iframe嵌入框架页里面，你就可以判断top.location.href==location.href相等就是对的，不相等就top.location.href=‘你网站的URL’，这样你的网站页面就不会被别人装载入框架页里面了。