javascript 能不能改变frame 的大小

jk325 2004-07-02 03:47:59

把一个页面用frame,分成上中下,三个部分后,

我想动态改变三个frame的大小,

能不能这样做,,过来人,指点一下..

...全文

194 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

wanghr100 2004-07-05

打赏
举报

回复

top是指向框架的顶层.

资料
HTML
http://vip.5d.cn/friday/upload/dhtml html&css.chm

kingdomzhf 2004-07-05

打赏
举报

回复

顶层窗口对象
MSDN的library

JackyWu2003 2004-07-05

打赏
举报

回复

请教一下，top.document.all..中的top是什么对象指令？它是指什么的？应该看什么参考资料才有相关的材料？恳请赐教，谢谢。

wanghr100 2004-07-03

打赏
举报

回复

demo.htm

<iframe src="index_top.htm" trusted="yes" application="no" id="index_top" width="800" height="50" ></iframe>
<iframe src="index_main.htm" trusted="yes" application="no" id="index_main" width="800" height="521"></iframe>
<iframe src="index_bottom.htm" trusted="yes" application="no" id="index_bottom" width="800" height="29"></iframe>

index_top.htm
top

index_main.htm

<input type=button onclick="Hidden()" value="隐藏">
<input type=button onclick="Show()" value="显示">

<script>
function Show()
{
top.document.all["index_top"].style.height="50";
top.document.all["index_main"].style.height="521";
top.document.all["index_bottom"].style.height="29";
}
function Hidden()
{
top.document.all["index_top"].style.height="0";
top.document.all["index_main"].style.height="600";
top.document.all["index_bottom"].style.height="0";
}
</script>

index_bottom.htm
bottom

pengxuan 2004-07-02

打赏
举报

回复

<html>

<head>
<title>新建网页 1</title>
<script>
function aa()
{
document.all.iframe1.width=200;
document.all.iframe1.height=300;
}
</script>
</head>

<body>
<iframe href="" name="iframe1"></iframe>
<input type="button" name="B1" value="按钮" onclick="aa()">
</body>

</html>

jk325 2004-07-02

打赏
举报

回复

可我的框是这样分的
<iframe src="/index_top.jsp" trusted="yes" application="no" id="index_top" width="800" height="50" frameborder=0 scrolling=no></iframe>
<iframe src="/index_main.jsp" trusted="yes" application="no" id="index_main" width="800" height="521" frameborder=0 scrolling=no></iframe>
<iframe src="/index_bottom.jsp" trusted="yes" application="no" id="index_bottom" width="800" height="29" frameborder=0 scrolling=no></iframe>

wanghr100 2004-07-02

打赏
举报

回复

demo.htm

<frameset rows="30%,40%,30%" id="baobao">
<frame src="top.htm" name="topFrame">
<frame src="middle.htm" name="middleFrame">
<frame src="bottom.htm" name="bottomFrame">
</frameset>

top.htm
top

middle.htm
<input type=button onclick="window.parent.baobao.rows='0,100%,0'" value="隐藏">
<input type=button onclick="window.parent.baobao.rows='30%,40%,30%'" value="显示">

bottom.htm
bottom

本文介绍了一种使用JavaScript动态调整HTML框架集（frameset）中框架（frame）大小的方法。通过按钮点击事件，可以实现框架的高度调整，从而隐藏或显示特定框架。此外，还提供了通过iframe元素调整宽度和高度的示例。

博客围绕动态frame展开，包含主框架页、样式表等代码。介绍了动态改变frame大小的关键问题，指出核心代码为top.disptree_header.rows = \110,*\，通过该代码可设置某一个frame的宽度，使用起来较为方便。

本文介绍了JavaScript在网页开发中的安全设置与互动功能，包括屏蔽鼠标右键、阻止复制、防止网页被另存为、设置框架、防止frame、IE地址栏图标、网页源代码查看、删除确认、获取控件位置、光标控制、最小化和关闭窗口、功能键禁用、网页不被缓存、表单样式、判断上一页来源、网页大小设定、背景图片固定、字符串验证、日期操作、表单验证、跳转链接速度检测、键盘事件处理、表单提交确认、动态内容更新、日期减天数显示、radio按钮选择检测、错误捕获、光标样式、页面进入和退出特效、指定时间内跳转、网页是否被检索、邮件地址分割、流动边框表格、主页弹出窗口、页面移动、显示个人客户端日期、最新修改日期显示、不能为空和邮件地址约束、跑马灯、按钮控制前后主页、查看网址源代码、title显示日期、显示所有链接、回车键换行、确认后提交、改变表格内容。

本文分享了网页开发中屏蔽鼠标右键、取消选取、防止复制等实用技巧，以及如何设置框架、防止frame、网页另存为、网页源代码查看等功能。此外，还介绍了如何在IE地址栏和收藏夹中显示自定义图标、关闭输入法、设置网页打开时的大小和位置、删除确认提示、判断上一页来源、最小化、最大化、关闭窗口、屏蔽功能键、网页不被缓存、表单无凹凸感、表单元素样式设置、div与span的区别、让弹出窗口总在最上面、去除图片链接点击后的虚线、电子邮件处理提交表单、在打开的子窗口刷新父窗口的方法、设置页面大小、加入背景图片、字符串全数字检查、获取窗口大小、判断是否为字符、文本行数自适应、日期减去天数、选择radio按钮、脚本永不出错、enter键作用、链接速度检测、各种样式的光标、页面进入和退出的特效、规定时间内跳转、网页是否被检索、邮件地址分割、流动边框效果的表格、JavaScript主页弹出窗口技巧、页面打开移动、显示个人客户端机器的日期和时间、自动显示最后修改日期、不能为空和邮件地址的约束、跑马灯、按钮控制前页、后页和主页显示、查看网址源代码、title显示日期、显示所有链接、回车键换行、确认后提交、改变表格内容等关键知识点。

博客围绕JavaScript、HTML元素展开，涉及button、input等元素，以及在浏览器环境下function的运用，体现了前端开发中JavaScript与HTML元素交互的相关内容。

87,988

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章