页面跳转，文档载入整个浏览器窗口

最新推荐文章于 2019-10-27 14:57:47 发布

mustanger

最新推荐文章于 2019-10-27 14:57:47 发布

阅读量370

点赞数

CC 4.0 BY-SA版权

分类专栏：学习之路

本文链接：https://blog.youkuaiyun.com/mustanger/article/details/53739741

学习之路专栏收录该内容

2 篇文章

订阅专栏

本文介绍了六种使用JavaScript实现页面跳转的方法，并提供了具体的代码示例。这些方法包括利用window.location.href、window.history.back、window.navigate等进行页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常规跳转方式：

location.href = "logout.jsp"，但是这样写有一个问题，页面只能在当前页面的框架内打开

可以覆盖整个页面框架

top.window.location.href = "logout.jsp"; 前面加上top,实现父页面跳转

附：

js实现页面跳转的几种方式，需要的朋友可以参考下。

第一种：

代码如下:

  
 <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>