JS跳转页面常用的几种方法

第0种:(常用)

    function triggerAOnclick(){
        window.open("http://localhost/jwxt/forward/2TrainSchemeDatail.do?trainSchemeId=555")
    }

  上面相当于 <a href = "http://localhost/jwxt/forward/2TrainSchemeDatail.do?trainSchemeId=555" target="_blank">

第一种:(常用)

<script language="javascript" type="text/javascript">
window.location.href="jb51.jsp?backurl="+window.location.href;
</script> 

 第二种:

<script language="javascript">
alert("返回");
window.history.back(-1);
</script> 

 第三种:

<script language="javascript">
window.navigate("jb51.jsp");
</script> 

 第四种:

<script language="JavaScript">
self.location='jb51.htm';
</script> 

 第五种:

<script language="javascript">
alert("非法访问!");
top.location='jb51.jsp';
</script> 

第六种:网址从传参获得并转向

<script language="javascript" type="text/javascript">
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
var theurl
theurl=request("url");
if (theurl!=''){
location=theurl
}
</script> 

 

第七种:  以表单的形式提交到后台,后台将数据转发到另一个页面 (可以用于处理两个页面之间传递一些比较多的参数)---(重要)   结合struts或者SpringMVC框架使用

 

补充:还有一种方式是改变location.href来实现

例如:

location.href=URL

其也有方法,如下:

location.assign(URL) // 等价于location.href=URL,会保留记录
location.replace(newURL) //  replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。

  assigin会保留历史记录,相当于路由的push。replace不会保留记录,相当于路由的replace()。

 

posted @ 2017-08-26 12:57  QiaoZhi  阅读(1256)  评论(0编辑  收藏  举报