jsp页面跳转到子页面和返回上一页,附带动态改变父页面的iframe高度大小

原创 2017年01月22日 11:04:20

前言

       在工作中我们经常会遇到页面跳转,传参来实现复杂的业务逻辑.接下来,本文将分享自己在实践中应用的一个jsp页面跳转,动态改变主页面高度的例子来说明如何使用iframe标签.实现效果:


图片中智能园区的首页高度是2100px,当我选择菜单中的子页面时会把整个页面的宽度变为900px;

1.在主页面中设置相应的标签.

注意:主展示区的name="iframe_page"一定要和<a>标签里的target名字一样.如果需要href里携带参数,如:

(例子,与实现本页实现功能无关)在js中写window.location.href="${path}/Concrete/ConcreteClusteringClassificationQuery?userid="+userid+"&zxpxx="+zxpxx//这样就可携带参数(本页跳转),如果需要打开新页面使用window.open("url地址");
在子页面中用 userid="<%=request.getParameter("userid")%>"; zxpxx="<%=request.getParameter("zxpxx")%>";获取父页面传来的参数.


2.在主页面中设置改变调整高度的函数

我们可以发现,主展示区,也就是首页是一个jsp,高度是2100px,跳转后的子页面需要动态的改变id为iframeId的高度.

function GetParentWindowHight(type)
        {
            var oFrame =$("#iframeId");
            if(type=='01'){
                oFrame.height("650px");
            }else if (type=='02'){
                oFrame.height("1200px");
            }else{
                oFrame.height("900px");
            }
        }

3.子页面中调用父页面的函数来实现动态改变首页的大小.

我们主页面中加入改变iframe高度的函数,子页面调用它.

/**   子页面的初始化      **/
$(function(){
    window.parent.GetParentWindowHight("01");//调用父页面的GetParentWindowHight方法.
});
这时,就会动态改变iframe框的大小.在实现跳转的同时动态加载子页面的大小.这里可以实现很多业务逻辑,不仅仅是改变iframe框的大小,eg:主页面向子页面传值,子页面接受参数实现自己的初始化查询等等.扩展会有很多实现逻辑,,在这里就不一一赘述.

4.返回上一页.

   <input name="返回" type=button id="to_back"  onClick="history.go(-1)" value="返回" >


相关文章推荐

html 高手解决 <Iframe></frame>间的退回上一页面问题

window.history.method 演示一下:共有三个文件 Noname1.html内容如下: Noname2.html内容如下: 我是第二页进入第三页 N...

js页面跳转和js对iframe进行页面跳转、刷新

js页面跳转和js对iframe进行页面跳转、刷新 一、js方式的页面跳转1.window.location.href方式                window.location.href="...

iframe父页面随子页面高度的增加而增加

问题:iframe嵌套网页,子页面高度增加,iframe高度也会增加.列如:子页面是一个表格数据。有个下拉框可以选择 回答: 1、首先你要明确:选择条数之后,触发了事件令子页面的body高度改...

jquery 子页面控制父页面IFRAME的高度

$(window.parent.document).find("#mainFrame").css("height",""+mainFrameheigth+"px");   jquery取得ifram...

JSP页面刷新跳转返回之后 保持原页面位置

在做个项目,需要提交当前页面的表单数据。提交、更新数据库之后返回页面,需要保持当前位置。 估计好多解决方案,但是我说知道的有两个,一个是用AJAX,但是我还没有搞清楚怎么弄。另一个用JS获取当前滚动...
  • Limewwy
  • Limewwy
  • 2014年03月15日 01:04
  • 4778

从一个jsp页面跳转到另一个jsp页面时的参数传递

1.从一个jsp页面跳转到另一个jsp页面时的参数传递     (1)使用request对象获取客户端提交的信息     login.jsp页面代码如下: [java...

jsp页面跳转用法和新窗口打开

方法一:self.location.href="/url" 当前页面打开URL页面location.href="/url" 当前页面打开URL页面windows.location.href="/url...

使用iframe框架后的页面跳转时目标页面变为iframe的子页面的问题

使用iframe框架后,当你想一整个页面跳转,却发现跳转后目标页面只变为iframe的子页面的解决方法...

java利用Jsch实现在windows平台获取linux服务器文件

今天碰到个问题,在windows想下载linux服务器上的文件,看下有什么代码实现,当然可以利用工具比如SecureCRT,网上搜索找到答案 1. java使用jsch包实现远程访问 2.Jsch...
  • zlp1992
  • zlp1992
  • 2015年04月15日 20:04
  • 1773

springmvc 下拉框联动

最近接触到,下拉列表联动的小功能(ie,谷歌,QQ这三个浏览器已经测试,其他的没弄,有谁测过其他的可以反应一下,谢谢),自己研究了一下,下面贴一下代码和思路吧 springmvc的框架 东西很简单...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jsp页面跳转到子页面和返回上一页,附带动态改变父页面的iframe高度大小
举报原因:
原因补充:

(最多只允许输入30个字)