1.在经典的框架中填充页面时

　　

要填充2处的页面，2处为内容页面，是另外的一个JSP页面

2.左侧页面代码

　　

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<script type="text/javascript">

    var loadPage = function(pageName){

        var basePath = $("#basePath").val();

        if(pageName=="blockZipUpload"){

            $("#rightpage").css("padding-top","0");

            $("#rightpage").html("<iframe style='border:none;width:100%;height:100%;' id='sacQuery_id' src='"+basePath+"pages/reportMessageQuery/reportMessageQuery.jsp'></iframe>");

        }

    }

    </script>

<style type="text/css">

    #leftpage{

        height:600px;

        width:12%;

        float:left;

        border:solid 1px #CCC;

        margin:0;

        text-align:center;

        padding:0px;

        background-color:rgb(235,245,255);

    }

    .left_ul{

        list-style-type:none;

        margin:0;

        text-align: left;

        width:100%;

        padding-top:20px;

        padding-left:30px;

        padding-right:0px;

        padding-bottom:0px;

    }

    .left_ul li{

        line-height:32px;

        text-align:left;

    }

    .left_ul li a{

        text-decoration:none;

        color:#333;

        font-size: 14px;

        height:32px;

    }

    .left_ul li a:hover {

            color : #7a9833;

            background : inherit;

            text-decoration : underline;

        }

</style>

<div id="leftpage">

    <ul class="left_ul">

        <li><a href="#"    onclick="loadPage('blockZipUpload');">快速上传测试</a></li>

    </ul>

</div>

3.右侧代码
　　

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";

    out.write("<input id='basePath' type='hidden' value='"+basePath+"'/>");

%>

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

<html>

    <head>

    <title>******</title>

    <style type="text/css">

        body{

            width: 100%;

            height:600px;

            margin: 0 auto;

            border:0;

            padding:0;

            font-family:"微软雅黑";

        }

        #rightpage{

            width:87%;

            height:100%;

            border:0px;

            float:left;

            padding-top:160px;

        }

        .welcome_img{

            margin:0 auto;

            display: block;

        }

        table{

            padding:0;

            margin:0;

            border-collapse:collapse;

            border-spacing:0;

            width:20%;

            }

        table td{

            border:1px solid #a9bab9;

            width:33.3%;

            box-sizing:border-box;

            -webkit-box-sizing:border-box;

            -moz-box-sizing:border-box;

            height:40px;

            text-align:center;

            font-size:12px;

            color:#273335;

            overflow:hidden;

            background:#d4e3e7;

            }

        table .th td{

            font-size:14px;

            background:#bfdcde;

            font-weight:bold;

        }

        table .trbg td{

            background:#faff64;

        }

    </style>

       <script type="text/javascript" src="../../js/jquery-1.11.3.min.js"></script>

    <script type="text/javascript">

    </script>

    </head>

    <body>

        <%@include file="../commons/head.jsp" %>

        <%@include file="../commons/leftpage.jsp" %>

        <div id="rightpage">

            <img class="welcome_img" src="../images/welcome.png">

        </div>

    </body>

</html>

4.头部模块代码
　　

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>

<script type="text/javascript">

</script>

<style type="text/css">

    #headpage{

        height:120px;

        width:100%;

        border:1px solid #ccc;

        background-image:url('../images/bj.jpg');

    }

</style>

<div id="headpage">

</div>

5.pages/reportMessageQuery/reportMessageQuery.jsp 即为需要展示的JSP页面路径。

　　

　　

HTML页面中直接加载其他JSP页面的更多相关文章

  1. MVC中 _ViewStart _Layout Index三个页面中的加载顺序

    MVC学习中忽然想到一个问题.. 在访问一个Index.cshtml页面时, MVC的加载顺序是怎么样的呢? 首先说下我的结论 . _ViewStart.cshtml . Index.cshtml . ...

  2. 页面滚动动态加载数据，页面下拉自动加载内容 jquery

    <!DOCTYPE=html> <html> <head> < script src="js/jquery.js" type=" ...

  3. Jquery页面滚动动态加载数据，页面下拉自动加载内容

    <!DOCTYPE=html> <html> <head> <script src="js/jquery.js" type="t ...

  4. 用于确保页面中js加载完全，对于优化某网页的加载速度，有什么见解

    js方法: <script type="text/javascript"> window.onload = function(){ var userName = &qu ...

  5. 页面爬虫（获取其他页面HTML）加载到自己页面

    //前台 <div id="showIframe"></div> $(document).ready(function() { var url = &quo ...

  6. easyui学习笔记5—panel加载其他的页面

    上一篇中我们看到了panel的基本实现,没有什么难度,最重要的是data-options和class两个标签属性的定义.这里我们将看一下在panel中如何加载其他的页面. 1.先看看引用的资源文件和h ...

  7. easyui学习笔记8—在手风琴中加载其他的页面

    在手风琴中加载其他页面和在表格中加载其他的页面有写类似的,就是请求另外一个页面显示数据. 1.先看看引用的资源文件 <link rel="stylesheet" href=& ...

  8. 过滤器解决hibernate中懒加载问题

    使用过滤器解决懒加载问题需要我们对过滤器的生命周期有深刻的理解 1.浏览器发送一个请求 2.请求通过过滤器执行dofilter之前的代码 3.浏览器通过过滤器到达Servlet(注意我们这里的serv ...

  9. JS实现-页面数据无限加载

    在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表.之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能.先看看浏览效果: ...

随机推荐

  1. ISP图像调试工程师——色彩还原（熟悉图像预处理和后处理技术）

    http://blog.sina.com.cn/s/blog_5e125dcf0100k8s3.html 色彩还原: https://wenku.baidu.com/view/123fb51a6edb ...

  2. ORA-01219:数据库未打开：仅允许在固定表/视图中查询

    好久没有登陆到Oracle的服务器了,把密码都忘记了.sql>conn sys/sys as sysdba;sql>alter user system identified by *;结果 ...

  3. Spring框架学习（10）Spring中如何使用事务？

    内容源自:Spring中如何使用事务? 一.为什么要使用事务? 如果我们一个业务逻辑只执行一次sql,是不需要使用事务的.但如果要执行多条sql语句才能完成一个业务逻辑的话,这个时候就要使用事务了. ...

  4. C语言面试问题

    内容源自:C语言面试题大汇总 P.S.只摘取了自己觉得可能会被问到的以及不会的. static有什么用途?(请至少说明两种) 1.限制变量的作用域2.设置变量的存储域 引用与指针有什么区别? 1) 引 ...

  5. linux ubuntu下abaqus-6.14安装破解完全指南

    本人亲测可用 目录 安装前准备 安装过程 机器配置 腾讯云服务器 ubuntu server 16.10 1.首先要在服务器上安装gui及相关依赖 sudo apt-get install ubunt ...

  6. 提取nds游戏的音乐

    nds游戏绝对是游戏界的瑰宝,尤其是有些游戏的音乐还很好听,所以想把它们提取出来.网上搜了下教程,这里整理一下,全程在archlinux下操作. 首先用到的工具是(vgmtrans)[https:// ...

  7. 帮助快速生成页面固定显示元素的jQuery插件 - sticky-kit

    来源:GBin1.com 如果需要在用户滚动页面的时候,保持特定元素始终可见的话,今天这里我们介绍的Sticky-Kit是一个不错的选择. 它是一个开源的jQuery插件,可以帮助大家快速针对页面元素 ...

  8. Android异步载入全解析之大图处理

    Android异步载入全解析之大图处理 异步载入中很重要的一部分就是对图像的处理,这也是我们前面用异步载入图像做示例的原因. 一方面是由于图像处理不好的话会很占内存,并且easyOOM,还有一方面,图 ...

  9. iOS key value coding kvc在接收json数据与 model封装中的使用

    iOS key value coding  kvc在接收json数据与 model封装中的使用 使用 kvc 能够极大的简化代码工作,及以后的接口维护工作: 1:先创建MovieModel类.h和 . ...

  10. css新单位 vw , vh

    考虑到未来响应式设计的开发,如果你需要,浏览器的高度也可以基于百分比值调整.但使用基于百分比值并不总是相对于浏览器窗口的大小定义的最佳方式,比如字体大小不会随着你窗口改变而改变,如今css3引入的新单 ...