javascript如何在框架集中引用对象

最新推荐文章于 2024-08-10 21:02:37 发布

weixin_30457065

最新推荐文章于 2024-08-10 21:02:37 发布

阅读量44

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/lzhp/archive/2013/01/13/2858093.html

版权

一、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页样子

源码

转载于:https://www.cnblogs.com/lzhp/archive/2013/01/13/2858093.html

weixin_30457065

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript如何在框架集中引用对象

一、javascript如何在框架集中引用对象window当前框架top最顶层的框架，就是浏览器窗体parent包含当前框架的父框架self当前框架，总是等于window对象二、例子主页代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "h...
复制链接

扫一扫