js页面重定向跳转被阻拦

JavaScript07

js页面重定向跳转被阻拦,第1张

常规页面location.href跳转被阻止时,不涉及前端部分。

也有可能是浏览器本身对于http和https的证书验证拦截,并非bug。

以下为https在大部分浏览器标识。

部分浏览器会因以下原因阻止页面的重定向。

在现行的网站应用中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对象的其他属性也可以改变当前加载的页面。

以下通过一个例子来说明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])

}

})

地址输出:

截取参数:

遍历参数: