menglong_ 2018-06-11 14:54 采纳率: 100%
浏览 1014
已采纳

frame框架的内容显示很奇怪

 <%@ 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>![图片说明](https://img-ask.csdn.net/upload/201806/11/1528728540_76398.png) [点击的位置也错位]
正常显示如下![图片说明](https://img-ask.csdn.net/upload/201806/11/1528728665_999900.png)

**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>
  • 写回答

2条回答 默认 最新

  • ambit_tsai-微信 2018-06-12 03:46
    关注
    <!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">
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题