关于html分帧

页面分为3部分:上、下(左、右)。

1、想要通过点击top.html(上部)中的a链接,使同一页面内左部、右部同时实现页面的更新。

使用一个onclik属性。

例:

admin_index.html(整体框架)

<frameset rows="85px,*" border="1" bordercolor="#b5cfd9" noresize name="total">
	<frame src="admin_top.html" name="top" scrolling="no" />
	<frameset cols="159px,*" name="bottom" border="1" bordercolor="#b5cfd9">
		<frame src="admin_left.html" name="left" scrolling="no" />
		<frame src="admin_right.html" name="right" scrolling="no" />
	</frameset>
</frameset>

top.html(上部)主要内容

<ul class="chief_list">
	<li><a href="#" class="list" οnclick="parent.left.location='./admin_left1.html';parent.right.location='./admin_right1.html'" target="top">站点信息</a></li>
	<li><a href="#" class="list" οnclick="parent.left.location='./admin_left2.html';parent.right.location='./admin_right2.html'" target="top">用户管理</a></li>
	<li><a href="#" class="list" οnclick="parent.left.location='./admin_left3.html';parent.right.location='./admin_right3.html'" target="top">版块管理</a></li>
	<li><a href="#" class="list" οnclick="parent.left.location='./admin_left4.html';parent.right.location='./admin_right4.html'" target="top">帖子管理</a></li>
</ul>
以上。

左右部分通过onclick实现更新,同时设置属性target='top'实现上部的更新(保持原页面)。


2、想要通过点击top.html(上部)中的a链接,实现整个框架的更新。

例:

admin_index.html(整体框架)

<frameset rows="85px,*" border="1" bordercolor="#b5cfd9" noresize name="total">
	<frame src="admin_top.html" name="top" scrolling="no" />
	<frameset cols="159px,*" name="bottom" border="1" bordercolor="#b5cfd9">
		<frame src="admin_left.html" name="left" scrolling="no" />
		<frame src="admin_right.html" name="right" scrolling="no" />
	</frameset>
</frameset>
top.html(上部)主要内容

<a href="#" οnclick="parent.location='./admin.html'" >退出</a>
点击a链接,将admin.html页面(另一个页面)呈现在整个admin_index.html(整体框架)内。

以上是同一个页面(分帧框架)内跳转,同一窗口内。

通过target='total',也会实现整个框架的更新,但是会打开新的窗口。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值