当我们使用frameset来构建页面的时候, 会遇到一个问题,就是当我们想通过里面的某个页面的某个链接来退出系统到登录界面的时候, 会另整个frameset保持不变,而只有那个页面跳转回了登录界面。
这里详细的把这个环境记录下来以便以后学习。
项目构建图如下:
网页界面如下:
这里中上的是top.jsp文件,
<body>
<div id="top">
<div id="topIntro">
<a href="<%=path%>/admin/logout">退出系统</a>
</div>
<div id="remind">
<span id="showDate">欢迎光临</span>
</div>
</div>
</body>
这个文件通过SpringMVC的控制器路径来登出界面,然后返回到login.jsp页面。
然而当我们点击“退出系统”的时候,发现只有top.jsp页面所在的frame被导航到了login.jsp。
这显然不是我们所期望的。
这里的解决方法是, 我们必须让frame的父级元素去请求控制器,从而让父级的页面整个被导航回到login.jsp。
具体方法如下:
首先新建一个javascript方法, 这里我们要让javascript来帮助我们调用父级的页面来访问后台。
<script type="text/javascript">
function exitSystem(){
window.parent.location.href=$("#contextPath").val()+"/admin/logout";
}
</script>
contextPath是一个隐藏类型的input, 也就是contextPath的值。
这里window.parent也就是全局的最外级页面(我个人理解)
这里使用window.top.location.href也会起到同样的效果。
然后修改top.jsp文件为:
<input type="hidden" id="contextPath" value="<%=path%>"/>
<div id="top">
<div id="topIntro">
<a href="javascript:exitSystem()">退出系统</a>
</div>
<div id="remind">
<span id="showDate">欢迎光临</span>
</div>
</div>
再次点击, 便会让整个页面被导回login.jsp页面了。
完整源码:
- 大小: 26.7 KB
- 大小: 40.6 KB
分享到:
相关推荐
从子frameset退出整个框架的方法,静态和动态两种
使用frameset来分割窗口,在顶部的页面中有一个退出选项,点击退出应该跳出这个frameset而不是只是上面的页面变掉...
页面布局frameset frame
frameset的应用:编写了几个jsp页面 1.<frameset>:定义一个框架集,它被用来组织多个窗口。每个窗口都是一个独立的html界面。 2.<frameset>有两个参数,cols和rows。cols:列的数目和尺寸。rows:行的...
frameset元素属性
javascript代码模块之frameset框架中target的使用
frameset 框架frameset 框架frameset 框架
frameset左中右形式的模板,网页制作
实现了div 在框架任意位置移动的,。。。。。。。。。。。。。。。。。。。
在frameset中frame页面读取另一frame页面$.data数据
\frameset框架页面加滚动条.doc
NULL 博文链接:https://happyforever.iteye.com/blog/1579532
网页跨frameSet框架菜单,解决框架不能使用下拉菜单问题
Frameset_详解;Frameset html;Frameset;Frameset_详解;Frameset html;Frameset;Frameset_详解;Frameset html;Frameset
主要介绍了html页面嵌套使用示例(frameset使用方法),需要的朋友可以参考下
配置了spring 3.0.5 + hibernate 3.6 + struts 2.2.3 一个简单的frameset 权限跳转静态页面
asp.net中frameset框架集嵌套的用法总结
frameset遮罩
div+css实现frameset布局效果。