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

最新推荐文章于 2025-05-14 09:45:35 发布

最新推荐文章于 2025-05-14 09:45:35 发布 · 122 阅读

文章标签：

#JavaScript #HTML #ViewUI

本文解决两个关于iframe页面跳转的问题：一是如何防止登录页面显示在父页面的iframe中；二是确保内容页面始终在指定的iframe内展示。

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