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

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

JavaScriptHTML 
阅读更多
假如我们有这个一个页面，  index.html



 
  <noframes><br>  <body><br>  <p>This page uses frames, but your browser doesn&apost support them.</p><br>  </body><br>  </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页面代码防止frame禁止右键

    为了防止自己的网站内容被其他网站通过 frame 或 iframe 嵌入，可以使用 JavaScript 来检测当前页面是否处于顶级窗口。如果是，则重定向到指定页面；如果不是，则强制将页面显示为顶层窗口。 ```html ...

    基于xr-frame实现微信小程序的人脸识别3D模型叠加AR功能源码

    xr-frame是一套小程序官方提供的XR/3D应用解决方案，基于混合方案实现，性能逼近原生、效果好、易用、扩展、遵循小程序开发标准。 以官方demo为参考开发...并使用javascript工程代替了微信小程序 案例的typescript 。

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

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

    使用JavaScript实现Web程序中多个文本框的批量选择、批量修改

    最近，我使用纯Javascript实现了一个批量修改文本框中的数据的功能，拖动鼠标即可选择页面上（包括GridView中）多个文本框，然后会自动弹出对话框要求用户输入新值。实现方法对TextBox没有侵入性，也不需要修改现有...

    WEB程序课程设计——用html,css,javascript开发

    首先，让我们逐一了解这三个关键技术及其在Web开发中的作用。 **HTML（HyperText Markup Language）**是Web内容的基础结构语言，用于创建网页的骨架。它通过一系列的标签来标记和组织页面内容，如文本、图像、链接...

    禁用页面及页面所有frame内的右键菜单

    标题 "禁用页面及页面所有frame内的右键菜单" 涉及到的是网页交互中的一个常见需求，即阻止用户在网页或特定框架内通过鼠标右键点击打开默认的上下文菜单。这通常用于增强用户体验，防止用户无意或有意地复制、查看...

    防止登录页面出现在frame中js代码

    为了解决这一问题，可以采取在登录页面中加入JavaScript代码来判断页面是否被嵌入frame中。如果检测到当前页面位于frame内，则将用户的浏览器重定向到登录页面的非frame版本。这样，就可以确保用户的登录过程在一个...

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

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

    HTML框架演示,frameset,frame

    在提供的文件列表中，"Index.html"很可能是包含frameset和frame定义的主页面，而"INC"可能是被引用到的子页面或其他资源文件的目录。要完全理解这个演示，我们需要查看这些实际的HTML文件内容。不过，通过上述解释，...

    javascript 两个页面之间传值

    在JavaScript中，页面之间的通信是常见的需求，尤其是在构建多页面应用程序时。本篇文章将深入探讨如何使用`window.open()`方法实现这一目标。`window.open()`是JavaScript中的一个内置函数，用于打开新的浏览器窗口...

    《JavaScript程序设计基础教程》 课件

    《JavaScript程序设计基础教程》 课件 课程名：JavaScript 程序设计基础教程 &lt;br&gt;-------------------------------------------------------------------------------- &lt;br&gt;一、课程目的和要求 掌握HTML...

    用DIV模拟Frame的静态页面的实现

    标题“用DIV模拟Frame的静态页面的实现”指的是在网页设计中不使用HTML的`&lt;frameset&gt;`或`&lt;iframe&gt;`元素，而是通过CSS和JavaScript技术来创建类似框架的效果。这种做法可以避免传统Frame带来的问题，如SEO优化困难、...

    Javascript调用C#函数示例程序

    一个在HTML中使用Javascript的window.external调用C#内函数的示例程序。该方法可应用于网页程序开发中的网页-程序沟通，例如用C#的IHTMLWindow2.execScript替换HTML默认Javascript方法使其直接与C#传参、通讯。

    frame之间进行参数传递例子

    2. **在Web框架中传递参数**：例如在JavaScript中，我们可以通过URL查询字符串、cookies、session或localStorage在不同的页面或frame之间传递数据。在HTML框架中，可以使用`&lt;frame&gt;`或`&lt;iframe&gt;`元素的属性（如`src`...

    JavaScript常见方法大全

    ### JavaScript常见方法详解 #### 一、隐藏脚本代码 在HTML中，有时我们需要隐藏JavaScript代码，以防止被部分浏览器解析或直接展示给用户。这可以通过注释或使用`&lt;script&gt;`标签结合语言属性实现： ```html ...

    js 操作 frameset frame iframe对象

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

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

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

    微信小程序 帧动画 源码程序

    在RecordDemo这个项目中，应该包含了实现这一功能的具体源码，通过阅读和学习，可以更深入地了解帧动画的实现机制和微信小程序的API使用。在实际开发中，还可以根据需求进行扩展，比如添加动画控制（开始、暂停、...

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