巧妙使用javascript让你的页面程序处于index frame中。 - ruruhuang - ITeye博客

`

ruruhuang

浏览: 193274 次
性别:
来自: 广州

最近访客更多访客>>

svc2004

xushaomin1122

dongguangming88

ms143014

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yeshaoting：写得好.不介意的话,我转载了. 好好排版一下就更好了.
java -Xbootclasspath的用法.
yiyu：用到了，谢谢分享
HttpURLConnection 访问页面时发生403问题。
rentianchou：很有才啊，这个我转了呀哈哈
无题
gujunfu_012： good！
HttpURLConnection 访问页面时发生403问题。
adamzhao：好好排版一下吧，最上边那一大块看着眼晕
java -Xbootclasspath的用法.

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

JavaScript HTML

阅读更多

假如我们有这个一个页面， 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";
}

分享到：

小试GWT | 使用Maven和WTP开发WEB项目。

2006-10-19 16:00
浏览 930
评论(0)
查看更多

评论

发表评论

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

相关推荐

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

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

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

Javascript运行exe程序.: 在Node.js中，你可以使用`child_process`模块来执行外部程序，包括EXE文件。例如，以下代码展示了如何使用`child_process`的`execFile`方法运行一个EXE： ```javascript const { execFile } = require('child_...

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分割效果。通过学习和理解这个示例，开发者可以掌握如何在自己的项目中实现类似的交互功能。在现代...

javascript 获取iframe里页面中元素值的方法: IE方法：document.frames[‘myFrame’].document.getElementById(‘test’).value; 火狐方法：document.getElementById(‘myFrame’).contentWindow.document.getElementById(‘test’).value; ...

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

《JavaScript程序设计基础教程》课件: 《JavaScript程序设计基础教程》课件课程名：JavaScript 程序设计基础教程 <br>-------------------------------------------------------------------------------- <br>一、课程目的和要求掌握HTML...

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

JAVASCRIPT事件与动态页面编程.pdf: 本文概述了JAVASCRIPT事件、事件监视器和事件处理器，并通过一个示例程序详细介绍了如何使用JAVASCRIPT事件处理器进行动态页面编程。 JAVASCRIPT事件是指人机交互的结果，如鼠标移动、单击按钮、在表单中输入数据或...

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

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 ...

跨frame操作dom元素: 如果你知道目标元素在父frame中，可以使用`parent.document.getElementById('elementId')`；反之，如果元素在当前frame中，则使用`self.document.getElementById('elementId')`。 3. **window.name**：为frame设置`...

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

Global site tag (gtag.js) - Google Analytics