窗口/框架对象-Frame

框架是将主窗口分割为几个独立的区域,每个区域显示一个独立的页面。要在JavaScript脚本中访问窗口中的框架,必须使用Frame对象。
列出了Frame对象的属性及其说明。
属性
Frame对象的属性
名称说明
borderColor设置或检索框架的边框颜色。
frameBorder设置或检索是否显示框架的边框。
height设置或检索框架的高度。
width设置或检索框架的宽度。
name设置或检索窗口或框架的名称
scrolling设置或检索框架是否可以滚动。
src设置或检索框架中要加载的URL。

以下示例说明了如何设置框架中的URL。
frame.htm
<HTML>
<HEAD>
<TITLE>修改URL</TITLE>
<FRAMESET ID="Frame" COLS="50%,50%">
<FRAME NAME="leftFrame" SRC="frame1.htm">
<FRAME NAME="rightFrame" SRC="frame2.htm">
</FRAMESET>
</HEAD>
<BODY>
</BODY>
</HTML>
frame1.htm
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="blue">
<P><B>框架1</B>
</BODY>
</HTML>
frame2.htm
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function newdoc()
{
parent.rightFrame.location.href="frame4.htm";
parent.leftFrame.location.href="frame3.htm";
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="green">
<P><B>框架2</B>
<FORM>
<INPUT TYPE="button" NAME="button" ONCLICK="newdoc()" VALUE="新文档">
</FORM>
</BODY>
</HTML>
frame3.htm
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="green">
<P><B>框架3</B>
</BODY>
</HTML>
frame4.htm
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="hotpink">
<P><B>框架4</B>
</BODY>
</HTML>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值