如何动态改变Frame的大小?

原创 2001年05月02日 03:25:00
简介:我想大家应该见过有些网站如Msdn.microsoft.com内一些分帧的页面在按下页面的某个按钮后,页面中的某个帧就会隐藏了,其实这种效果实现起来挺简单的,现在我们就来看看如何用Javascript来访问和修改Frame对象。
1.在开始前我先讲一下Frame的结构与语法: //下面是一个用frame页面的帧的代码
<html> frame.gif
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="117,498"> //如图这代表黄色框的分帧结构为上下分[rows表示上下 cols表示左右] 上为117下为498 包含top.htm与包含left.htm与main.htm的红色框的对象这两个属于同一级对象
<frame src="top.htm">
<frameset id=frame_bottom cols="200,*"> //这表示的是红色框内的分帧结构为左右左是200,右是除了左帧占据200后的所有空间,在这里我给了这个frameset一个id:frame_bottom这是为了方便后面用Javascript来访问这个对象
<frame src="left.htm">
<frame src="main.htm">
</frameset>
</frameset>
<noframes> //这是的用来显示当浏览器不支持frame时显示的页面内容
<body bgcolor="#FFFFFF" text="#000000">
你的浏览器不支持frame
</body>
</noframes>
</html>

2.动态修改frameset的内容

看完上面的代码你应该知道定义 frame_bottom 这个frameset对象的结构代码为 cols="200,*" 下面是动态修改的代码
<input type="button" name="Button" value="点这按钮将关闭左边的帧" onClick=reSetFrames()>
<script language="JavaScript">
function reSetFrames(){
top.frame_bottom.cols=(top.frame_bottom.cols=="0,*")?"200,*":"0,*"; //top代表的是所有frame对象的最高级对象也就是上面定义整体结构的代码,top.frame_bottom 就取得红色框这个对象,然后就修改 top.frame_bottom 对象的cols属性为一个新的值.来达到隐藏帧的效果
}
</script>

PYQT5 实现 无frame窗口的拖动和放缩

-- coding:utf-8 --”’ Created on 2016年12月14日@author: DXLCopyright (C) 2004-2019 Shandong Zhaoyuan So...
  • hidxl
  • hidxl
  • 2016年12月14日 09:05
  • 1222

利用C#更专业的实现运行时调整控件大小和位置

从Delphi、VB到现在的Visual Studio .Net可视化的控件式编程越来越简化我们的开发过程,对于控件的可视化操作必不可少。在Visual Studio .Net的IDE中开发桌面应用程...
  • MYsce
  • MYsce
  • 2017年05月24日 00:25
  • 1639

如何动态改变Frame的大小?

简介:我想大家应该见过有些网站如Msdn.microsoft.com内一些分帧的页面在按下页面的某个按钮后,页面中的某个帧就会隐藏了,其实这种效果实现起来挺简单的,现在我们就来看看如何用Javascr...
  • 51JS
  • 51JS
  • 2001年05月02日 03:25
  • 1793

autolayout 动态的修改Frame

ps一下,由于autolayout设定了约束,但是想让一个View从一点到另外一点,代码中直接修改view的frame是行不通的 oginViewTopConstraint = [NSLay...
  • kekeluoyao
  • kekeluoyao
  • 2015年04月13日 16:06
  • 526

java:frame 动态变大小

得到当前screen 大小 Demesion s=Toolkit.getDefaultToolkit().getScreenSize(); setlayout(null); btn.setBou...
  • devchai728
  • devchai728
  • 2016年12月05日 20:20
  • 395

javascript 动态改变框架frame,iframe的大小

两个html1.index.htmlhtml>head>meta name="GENERATOR" content="Microsoft FrontPage 5.0">meta name="ProgI...
  • yanleigis
  • yanleigis
  • 2007年11月22日 11:57
  • 4446

IOS 加载Xib 后 如何 动态修改xib中的控件frame

看看xib里view是不是设置了自动布局 use auto layout。取消掉就可以了。
  • chaoyue1a
  • chaoyue1a
  • 2014年08月26日 11:56
  • 1774

JS动态改变iframe的高度

在数飞OA的开发过程中,遇到问题:一个jsp页面嵌套一个html页面。 〈iframe id="docDetail" width="100%"  height="200"         fr...
  • huwenhu2007
  • huwenhu2007
  • 2013年10月21日 19:42
  • 9208

NSImageView 动态修改 frame 大小后无法及时更新

程序中的NSImageView需要根据图像大小的不同,动态的修改frame的大小,可是发现在程序中修改之后,NSImageView完全没有变化,可事实上NSImageView的frame的size属性...
  • aiyongyyy
  • aiyongyyy
  • 2017年08月08日 18:52
  • 284

如何动态改变框架的大小

如何动态改变框架的大小 解决思路: 在框架所加载页中用parent.frames["框架名"].cols="值1,值2..." 或者parent.frames["框架名"].rows="值...
  • ZKLxuankai
  • ZKLxuankai
  • 2012年08月30日 11:22
  • 4918
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何动态改变Frame的大小?
举报原因:
原因补充:

(最多只允许输入30个字)