如何使iframe里面嵌套的html代码能实现整个页面的跳转，而并非是在iframe中跳转页面。

liulingrui 2019-01-18 02:18:32

如下图所示，在下新手，在做一个简单的信息管理系统，是个毕业设计，我将页面的主要区域划分为三个部分，区域一是用表格做的，区域二和区域三是iframe。

现在想要实现的效果是在区域一点击了“系统维护之后”，区域二发生变化，会显示一个“退出系统”，点击“退出系统后”，区域三会显示一个“注销用户并退出系统”，然后点击“注销用户并退出系统”之后，整个页面跳转到登陆界面index.jsp。

但是现在的问题是第三步点击了之后，是下面的这种效果，在区域三内部发生了变化，即代码只在iframe内生效了。

相关代码如下：
管理系统主界面Main.jsp代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%

   String user=request.getParameter("LoginUser");

%>



<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>欢迎来到企业进销存管理系统</title>

		<style type="text/css">

		   <!--

		       body{

		         margin-left:0px;

		         margin-top:0px;

		         margin-right:0px;

		         margin-bottom:0px;

		         overflow:scroll;

		      }

		      .title{

		        font-size:24px;

		        font-weight:bold;

		      }

		      p.rightmargin{

		        margin-right:100px;

		      }

		   -->

		</style>

	</head>

	<body>

	    <table>

	       <tr>

	          <td height="60" colspan="3" bgcolor="66CCFF">

	             <center>

				   <font class="title">

				          欢迎<%=user%>来到企业进销存管理系统

				   </font>

			     </center>

			  </td>

		   </tr>

		   <tr>

		      <td width="150" height="500">

		         <table border="1">

		           <tr>

		             <td height="50" width="150" bgcolor="FF3300" align="center">

		                <a href="about/about1.html" target="secondBar">关于</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="00FF00" align="center">

		                <a href="basicInformationManage/basicInformationManage1.html" 

		                    target="secondBar">基本信息管理</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="FFFF00" align="center">

		                <a href="" target="displayArea">入库管理</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="FF66CC" align="center">

		                <a href="" target="displayArea">销售管理</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="66CC66" align="center">

		                <a href="" target="displayArea">退货管理</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="0000FF" align="center">

		                <a href="" target="displayArea">库存管理</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="FF00FF" align="center">

		                <a href="systemMaintain/systemMaintain1.html" 

		                    target="secondBar">系统维护</a>

		             </td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="00FF00"></td>

		           </tr>

		           <tr>

		             <td height="50" bgcolor="66CC66"></td>

		           </tr>

		         </table>

		      </td>

		      <td width="150" height="500" bgcolor="66CC66">

		         <iframe src="" name="secondBar" width="100%" height="100%"

		             scrolling="yes" id="scondBar" frameborder="0">

		         </iframe>

		      </td>

		      <td width="1000" height="500" bgcolor="FFFF00">

		         <iframe src="" name="displayArea" width="100%" 

		            height="100%" scrolling="yes" id="displayArea" frameborder="0">

		         </iframe>

		      </td>

		   </tr>

		</table>

	</body>

</html>

“注销用户并退出系统”所在的shutdown.html页面代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>Insert title here</title>

	</head>

	<body>

	    <a href="../index.jsp?username=&password=">注销用户并退出系统</a>

	</body>

</html>

...全文

1984 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

liulingrui 2019-01-18

打赏
举报

引用 1 楼 qq593467574 的回复:





<a href="#" onclick="javascript:top.location.href='../index.jsp?username=&password='">注销用户并退出系统</a>

大佬牛逼。问题解决了，谢谢

qq593467574 2019-01-18

打赏
举报





<a href="#" onclick="javascript:top.location.href='../index.jsp?username=&password='">注销用户并退出系统</a>

就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧

主要介绍了在vue中实现嵌套页面(iframe)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

本课程从零开始，以通俗易懂的方式讲解HTML技术，手把手教你掌握每一个知识点。课程中使用的所有英文单词都会...内嵌框架iframe 6.HTML5简介、新特性、新增内容教学全程采用笔记+代码案例的形式讲解，通俗易懂！！！

首先在父页面的javascript给定义一个window.name，并赋予一个字符串值，如window.name="test"，其中赋予的字符串值可以随意定义，然后在Iframe页面的Form 标签中定义target属性，并且其值也必须与之前定义的window.name的值相同，即<form method="post" target="test" >，在子页面提交后即可刷新父页面跳转到指定的请求页面. 此资源由网友提供。谢谢！

测试方法：A站全站调用此JS，然后在B站网页IFRAME嵌套A站，浏览B站嵌套页面，即会跳转到A站。