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

844604778

浏览: 551679 次

最近访客更多访客>>

追逐什么

mist1_

firefly1314

leo-fan

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1095)

社区版块

存档分类

2013-10 ( 346)
2013-09 ( 185)
2013-08 ( 122)
更多存档...

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>

分享到：