当我们使用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 的技术。 Frameset ...
通过上述分析可以看出,在 Asp.net 中使用 Frameset 可以实现较为复杂的页面布局效果。利用 `<IFRAME>` 和 `<frameset>` 标签,开发者可以根据需求灵活地设计多窗口布局,并通过 C# 代码实现页面间的交互控制。尽管...
标题"frame页面框架示例"指的是这个示例展示如何使用frameset来创建一个包含上、左、下三个部分的网页布局。左侧的菜单仅提供单一示例,这可能意味着用户可以通过菜单导航到不同的页面。 在描述中提到的"分上、左、...
3. 实现网页布局的方法主要有表格(Table)、层(Div)和框架(Frameset)三种。 4. 使用`alert("弹出的信息内容")`方法实现JavaScript弹出信息对话框。 5. 网页之间的链接是通过URL(Uniform Resource Locator)来实现的...
此例中,`<frameset>`通过`cols`属性设置列布局,例如`parent.framesetname.cols='180,11,*';`表示第一列宽度为180像素,第二列宽度为11像素,第三列则占据剩余空间。 ### 2. JavaScript控制框架菜单的显示与隐藏 ...
这些元标签虽然不会直接影响页面的排名,但能提供关于网页内容的额外信息,有助于搜索引擎更准确地理解页面主题,从而在搜索结果中展示更具吸引力的摘要信息。 **2.2.2 图片Alt信息** 在网页中添加图片时,应为每...
2. **布局与框架**:文件名`fram_main.jsp`可能涉及框架布局(Frameset),HTML5不推荐使用,但在老版本HTML中,`<frameset>`元素可以将浏览器窗口分割成多个框架,每个框架显示不同的网页内容。这在多栏布局中常见...
- HTML框架中`<frameset>`和`<frame>`标签定义了页面布局,但不利于打印。 - `border`属性用于设置表格边框。 - 图像标签`<img>`没有结束标签`</img>`,且`src`属性指定图像URL。 - 设置站点主目录位置时,IIS...
【网上聊天室ASP代码】是ASP(Active Server Pages)编程中的一...8. 框架集(Frameset)在页面布局中的应用。 这个简单的聊天室示例展示了ASP基本的交互逻辑和数据管理,为初学者提供了一个理解ASP编程基础的好起点。
4. **清除浮动**:clear:both、overflow:hidden、clearfix类等方法可以解决元素因浮动而引起的问题。 5. **CSS3新特性**:包括新的选择器、边框半径、渐变、阴影、动画、过渡、多列布局、Flexbox和Grid布局等。 6. *...
- `<Img>`标记:用于在网页中插入图像,其`src`属性用于指定图像的URL,`alt`属性提供替代文本。 - `<Br>`标记:用于创建换行。 - `<H3>`标记:定义HTML文档中的第三级标题。 - `<src>`标记:通常与`<Img>`一起...
window 对象是客户端 JavaScript 最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到 BODY、FRAMESET 或 FRAME 元素时,都会自动建立 window 对象的实例。另外,该对象的实例也可由 window....
在使用博客园的编辑器编辑文章时,有一个挺体贴用户的功能,就是如果用户进入编辑器后,不是执行”POST”操作而要退出当前编辑器页面,我们会得到一个Alert窗口提示(如下图)。这个功能其实很简单,就是通过处理...
程序执行过程中出现的问题。 #### 其他术语 - **rate**:比例。两个数量之间的比率关系。 - **young**:年轻的。通常指代新创建的对象或较新的版本。 - **schedule**:调度。计划任务的执行时间。 - **negative**:...