一、javascript如何在框架集中引用对象
| window |
当前框架 |
| top |
最顶层的框架，就是浏览器窗体 |
| parent |
包含当前框架的父框架 |
| self |
当前框架，总是等于window对象 |
二、例子
主页代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title></title>
<frameset rows="64,*" name="" frameborder="NO" border="0" framespacing="0">
<frame src="top.htm" noresize="noresize" frameborder="1" name="FrameTop" scrolling="no" marginwidth="0" marginheight="0" target="" />
<frameset cols="200,*" id="frame">
<frame src="left.htm" name="FrameLeft" id="FrameLeft" noresize="noresize" marginwidth="0" marginheight="0" frameborder="1"
scrolling="no" target="" />
<frame src="right.htm" name="FrameMain" marginwidth="0" marginheight="0" frameborder="1" scrolling="auto" target="_self" />
</frameset>
</frameset>
</head>
<noframes>
<body></body>
</noframes>
</html>
左边代码：
<!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>
<title></title>
</head>
<body>
<input type="button" value="左边框架被另外一个页面替代" onclick="javascript:void(window.location='right.htm')"/>
<input type="button" value="左边框架被另外一个网站替代" onclick="javascript:void(window.location='http://www.baidu.com')"/>
</body>
</html>
右边代码：
<!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>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
</script>
</head>
<body>
<input type="button" id="btnLeft" value="浏览器显示另外一个网址" onclick="javascript:top.location='http://www.baidu.com'" />
<input type="button" id="Button1" value="浏览器显示另外一个页面" onclick="javascript:top.location='right.htm'" />
</body>
</html>
顶端代码：
<!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>
<title></title>
</head>
<body>
<input type="button" value="关闭窗口" onclick="javascript:top.close();"/>
<input type="button" value="没有框架时使用" onclick="javascript:window.close();"/>
</body>
</html>
default.htm页样子
源码