您的位置：首页 > Web前端 > JavaScript

框架页面JS实现各种级别直接的页面跳转@刷新页面@框架集的综合案例

2013-05-24 22:15 253 查看

之前一直在查找框架页面之类的问题,今天正好有机会和大家分享一下.

1.跳到另一个页面的两种方法：
window.location.href = '1.html'
window.location.reload('11.html')

2.如果使用了框架，但是又想跳到一个页面，而不是在框架指定的页面表现，如何操纵？
parent.document.location.href="./frontstage/login.jsp";

3.用JavaScript刷新上级页面和以后页面
window.parent.main.document.location.reload();//上级页面
document.location.reload();//以后页面

4.每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用上面的几种方法都可以引用frame或iframe元素:
window.frames[index]
windows.frames["框架名"]
windows.框架名

6.如果想从框架所加载的网页中获取对父窗口的引用,那么就可以使用上面的方法:
window.parent

7.如果要对父窗口中某个框架的引用,那么就可以使用上面的方法:
window.parent.框架名

也可以使用上面的方法获取对父窗口的最顶端框架的引用:
window.top

8.html 如何将新的网页文件在框架Frame中打开
第一种方法为： window.open('Url',MainFrame,'width=......,height=....');
其中：Url ：须要打开的页面; MainFrame ：装载（包括）这个页面的框架 ; width=......,height=....：页面的风格设置
另外一种方法为： MainFrame.document.location = "Url"; 即直接指定MainFrame的url指向为某个url。
当然类似的也可以用 document.getElementById("MainFrame").src = "Url";
第一种方法是被动式的指定某个页面要加载到哪个框架内; 后两种方法自动的设置框架将要加载哪个页面

10.html实例参考参考：（这个实例是左右框架结构）；这类打开方式只用frame的name 属性便可指定打开位置
_blank 在新的浏览器窗口中打开链接的文档，同时保持以后窗口稳定。
_parent 在表现链接的框架的父框架集中打开链接的文档，同时替换整个框架集。
_self 在以后框架中打开链接，同时替换该框架中的内容。
_top 在以后浏览器窗口中打开链接的文档，同时替换所有框架。

1.主框架页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

每日一道理

心是一棵树，爱与希望的根须扎在土里，智慧与情感的枝叶招展在蓝天下。无论是岁月的风雨扑面而来，还是滚滚尘埃遮蔽了翠叶青枝，它总是静默地矗立在那里等待，并接受一切来临，既不倨傲，也不卑微。

　　心是一棵树，一个个故事被年轮携载；一回回驿动与飞鸟相约；一次次碰撞使它绵密柔韧；一幕幕经历造就了它博广的胸怀。心是一棵树，独木不成林。因此，树与树既独立又相联，心与心既相异又相亲。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<frameset rows="*" cols="138,*" framespacing="1" frameborder="yes"
border="1" bordercolor="#000000">
<frame src="left.html" name="leftFrame" scrolling="No"
noresize="noresize" id="leftFrame" /> <frame src="right.html"
name="mainFrame" id="mainFrame" />
</frameset>
<noframes>
<body></body>
</noframes>
</html>

2。左框架页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body link="black" vlink="olive" alink="blue">
<p>
<a href="我的首页.html" target="mainFrame">我的首页</a>
</p>
<p>
<a href="我的日志.html" target="mainFrame">我的日志</a>
</p>
</body>
</html>

3.右框架页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body></body>
</html>

文章结束给大家分享下程序员的一些笑话语录：

那是习惯决定的，一直保持一个习惯是不好的！IE6的用户不习惯多标签，但是最终肯定还是得转到多标签的浏览器。历史（软件UI）的进步（改善）不是以个人意志（习惯）为转移的！

---------------------------------
原创文章 By
框架和页面
---------------------------------

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航