框架页面中如何全屏

最新推荐文章于 2022-07-28 18:47:46 发布

最新推荐文章于 2022-07-28 18:47:46 发布 · 507 阅读

文章标签：

#框架

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

用框架集搭建的页面，有时候想刷新整个页面，或者弹出模态窗口，或者是右边页面全屏显示，如果不处理的话，这些操作只能在右边的子框架中使用。那怎么办呢，其实很简单的啊js parent

例如，有一个框架页

<frameset rows="77,*,24" cols="*" frameborder="no" border="0" framespacing="0" id="headFrame">
  <frame src="login.do?command=header" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset rows="*" cols="179,*" framespacing="0" frameborder="no" border="0" id="middleFrame">
    <frame src="login.do?command=left" name="leftFrame" scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="login.do?command=main" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="auto" />
  </frameset>
    <frameset rows="*" cols="178,1" framespacing="0" frameborder="no" border="0">
   	 <frame src="login.do?command=foot" name="bottomFrame" scrolling="No" noresize="noresize" id="footFrame" title="footFrame" />
   <frame src=""></frameset>
</frameset>

如果想全屏显示右边的，就这样：

parent.middleFrame.cols="0,*";	
parent.headFrame.rows="0,*,0";

怎么恢复呢，一样的

parent.middleFrame.cols="179,*";	
parent.headFrame.rows="77,*,24";

看懂了吧