`
ruruhuang
  • 浏览: 193705 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

巧妙使用javascript让你的页面程序处于index frame中。

JavaScriptHTML 
阅读更多
假如我们有这个一个页面，  index.html
<frameset framespacing="0" border="false" cols="180,*" frameborder="1">
<frame name="left"  ="" scrolling="auto" marginwidth="0" marginheight="0" src="Toc.html">
<frame name="main" scrolling="auto" src="Content.html">
  </frameset>
  <noframes>
  <body>
 

This page uses frames, but your browser doesn&apost support them.


  </body>
  </noframes>

Toc.html是目录页面， Content.html是内容页面。     

场景1：假如一个用户登入后， 进入index.html，然后用户过了很长一段时间没有操作session timeout了。这时候用户再去点页面的操作的话，这时候Content.html会转到登入页面， 但是因为在一个frame里面， 所以登入页面会在index.html中。我们希望他不出现在index.html中， 清在登入页面加上下面这段javascript
<script type="text/javascript">
    if (window.top != self){
        window.top.location = self.location;
    }
</script>

场景2：我们希望右边的内容页面不能独立的出现（即一定要出现在index.html中），我们也需要在每个在“main” frame的页面加上下面这段javascript
if (window.top == self){
    // ensure sub page would contain in index page
    window.location="index.html";
}
分享到：
| 使用Maven和WTP开发WEB项目。
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    多个iframe，显示其中一个frame中的div，并处于最上层显示

    总结来说，实现"多个iframe，显示其中一个frame中的div，并处于最上层显示"的功能，涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术，...

    Javascript 高级程序设计（第3版）超清中文PDF

    在书中，作者详细介绍了JavaScript的基础语法，如变量、数据类型、运算符、流程控制语句，这些是编写任何程序的基础。此外，书中还深入讲解了函数、作用域、闭包等关键概念，这些都是JavaScript独特特性和强大功能的...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域：页面设置和表单验证。在Web开发中，JavaScript是一种常用的客户端脚本语言，用于增强用户的...

    Javascript 程序设计基础教程(第2版)_习题答案

    理解并熟练运用这些新特性，能让你的JavaScript代码更加现代化和高效。 总的来说，"JavaScript程序设计基础教程(第2版)_习题答案"涵盖了JavaScript的基础知识和现代特性，通过解答习题，学习者将能够熟练掌握...

    漂亮的frame后台页面(带ichart图表)

    在这个后台页面中，所有ichart所需的js文件都已包含，这意味着开发者可以直接使用这些图表组件，无需额外下载或配置。 HTML5作为现代Web开发的标准，提供了许多增强功能和改进，如本地存储、离线缓存、多媒体支持...

    javascript经典特效---分割Frame的代码.rar

    这个压缩包中的"分割Frame的代码.htm"很可能是包含这些功能的HTML页面，用于演示如何用JavaScript实现动态的Frame分割效果。通过学习和理解这个示例，开发者可以掌握如何在自己的项目中实现类似的交互功能。在现代...

    framebusting:一个简单的演示，展示了如何使用“X-Frame-Options”来帮助防止点击劫持

    安装使用npm install安装 framebusting 使用node index.js 3001启动良好的服务器使用node index.js 3002启动坏服务器浏览到然后浏览到。结果好的站点上的页面提供X-Frame-Options标头设置为sameorigin 。 当坏站点...

    JavaScript教学大纲

    作为专业必修课，JavaScript脚本程序设计课程的目标是让学生掌握动态网页设计的基本理论、方法和工具，培养动态网页设计与制作能力，为后续大型WEB项目奠定基础。先修课程包括计算机文化基础、C语言程序设计和静态...

    js 操作 frameset frame iframe对象

    * 访问框架中的 JavaScript 变量：可以使用 `window.frames["frameName"].variable` 来访问框架中的 JavaScript 变量。 * 调用框架中的函数：可以使用 `window.frames["frameName"].function()` 来调用框架中的函数...

    javascript程序设计课程教学大纲.docx

    课程性质：JavaScript程序设计是一门针对信息与网络技术专业或现代文秘学生的选修课程，旨在教授如何使用JavaScript在互联网环境中实现动态效果和交互功能。这门课程不仅让学生理解对象编程的基本原理，还强调在Web...

    《程序天下：JavaScript实例自学手册》光盘源码

    1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用登录按钮 2.3 动态创建按钮 2.3 平面按钮 2.4 按钮的嵌入效果 2.5 按钮改变状态栏信息 2.6 定义按钮的热键 2.7 ...

    基于JavaScript实现模仿网易云音乐的微信小程序源码(含后端数据库+各页面展示图）.zip

    【资源说明】基于JavaScript实现模仿网易云音乐的微信小程序源码(含后端数据库+各页面展示图）.zip基于JavaScript实现模仿网易云音乐的微信小程序源码(含后端数据库+各页面展示图）.zip基于JavaScript实现模仿网易云...

    frame.js, JavaScript动画框架.zip

    frame.js, JavaScript动画框架 frame.js正在进行中。编辑器http://mrdoob.github.io/frame.js/editor/示例http://mrdoob.github.io/frame.js/player/?file=../exa

    JavaScript结课大作业.zip

    事件处理是JavaScript中关键的一部分，它允许程序在用户与页面交互时执行特定的代码。在旅游网站中，可能会有各种点击事件、鼠标悬停事件、表单提交事件等，通过绑定事件监听器，可以实现诸如导航菜单响应、预订按钮...

    javascript完全学习手册1 源码

    1.3 在Web页面中使用JavaScript 5 1.3.1 HTML的基本结构 5 1.3.2 在HTML中嵌入JavaScript 7 1.3.3 链接JavaScript文件 9 1.4 编写JavaScript的工具 11 1.4.1 使用纯文本编辑器 11 1.4.2 使用专业化脚本编辑工具 13 ...

    frame 的 parent 是谁？

    例如，如果我们在`leftFrame`中有一个JavaScript脚本，我们可以使用`window.parent`来引用包含它的顶级`frame`或`frameset`。 在JavaScript中，`parent`对象可以访问到上级节点的属性和方法。这在跨框架通信时非常...

    页面加载中js 页面加载中js 页面加载中js

    页面加载过程中，JavaScript（js）的执行对用户感知的页面加载速度有着直接影响。在这个主题下，我们将深入探讨JavaScript如何影响页面加载，以及如何利用它来改善用户在页面加载过程中的体验。 1. **JavaScript与...

    借助浏览器控件利用CSS和JavaScript设计Java桌面程序界面

    在Java桌面程序开发中，有时候我们希望利用现代Web技术，如CSS和JavaScript，来创建更加丰富、动态且具有交互性的用户界面。这个主题的核心就是如何将浏览器控件嵌入到Java应用程序中，使得我们可以利用Web页面的...

    js中top parent frame概述及案例应用.docx

    在JavaScript中，`top`、`parent`和`frame`是用于处理页面中框架（frames）和嵌套框架（framesets）的重要概念。这些概念在多窗口或多框架的网页设计中尤其关键，它们允许开发者在不同的框架之间进行通信和交互。 1...

Magicbox
Global site tag (gtag.js) - Google Analytics