<%@ 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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<frameset rows="9%,*" frameborder="no" border="0" framespacing="0">
<frame src="UserLogin_top" scrolling="No" id="topFrame">
<frameset cols="20%,*" frameborder="no" border="0" framespacing="0">
<frame name="left" src="UserLogin_left" scrolling="No" style="float: left;"
id="left">
<frame scrolling="No" src="UserLogin_blank" name="right" id="right">
</frameset>
</frameset>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html> [点击的位置也错位]
正常显示如下
**left.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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<div class="panel panel-default">
<div class="panel-heading">用户信息管理</div>
<div class="panel-body">
<a name="" onclick="nav('Users_Manager_jump')">系统管理员管理</a>
</div>
<ul class="list-group">
<li class="list-group-item"><a onclick="nav('Users_Volunteer_jump')">志愿者管理</a></li>
<li class="list-group-item"><a onclick="nav('Users_User_jump')">健康监测用户管理</a></li>
</ul>
<div class="panel-heading">事务管理</div>
<div class="panel-body">
<a onclick="nav('')">认证志愿者</a>
</div>
<ul class="list-group">
<li class="list-group-item"><a onclick="nav('TrainingRecords_jump')">培训记录管理</a></li>
<li class="list-group-item"><a onclick="nav('EmergencyEvents_jump')">急救事件管理</a></li>
</ul>
<div class="panel-heading">其他信息管理</div>
<div class="panel-body">
<a onclick="nav('AED_queryAll')">AED管理</a>
</div>
<ul class="list-group">
<li class="list-group-item"><a onclick="nav('')">用户登录管理</a></li>
</ul>
</div>
<script type="text/javascript">
function nav(url){
top.right.location.href = url;
}
</script>
<script src="js/jquery-1.8.3.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
**Action**
public String top(){
return "top";
}
public String blank() {
return "blank";
}
public String left() {
return "left";
}
** struts**
<package name="login" namespace="/" extends="struts-default">
<action name="UserLogin_*" class="com.action.LoginAction" method="{1}">
<result name="success" >/WEB-INF/pages/success.jsp</result>
<result name="top">/WEB-INF/pages/top.jsp</result>
<result name="left">/WEB-INF/pages/left.jsp</result>
<result name="blank">/WEB-INF/pages/blank.jsp</result>
<result name="error" type="redirectAction">UserLogin_error</result>
<result name="fail" >/Login.jsp</result>
</action>
</package>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
这是HTML 4.01 Transitional。
这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。
建议将DOCTYPE头部都改成HTML 5，如下：
<!DOCTYPE html>
并且在head内加个提高兼容性的meta标签，如下：
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
https://blog.csdn.net/qq_29605139/article/details/50909580?locationNum=12&fps=1