当前位置: 代码迷 >> Web前端 >> GetS――frameset框架中刷新子frame及退后、前进按钮的实现
  详细解决方案

GetS――frameset框架中刷新子frame及退后、前进按钮的实现

热度:122   发布时间:2012-11-07 09:56:10.0
GetS――frameset框架中刷新子frame及后退、前进按钮的实现

以下是框架代码:

<frameset rows="55, *" border="0" frameborder="0" marginwidth="0" marginheight="0"  onload="doload()" onUnload="doUnload()">
	<frame name="menuFr" src="<%=EusUtil.getPage("eus.app.top.menu.s")%>" scrolling="no" noresize>
	<frame name="contentFr" src="<%=EusUtil.getPage("eus.app.content")%>" scrolling="no" noresize>
</frameset>

?见图

上图中,Back等按钮即是menuFr的内容,而contentFr对应ContentFr.jsp分为两列,左列如Smart Links所示,右列为数据列表。

ContentFr.jsp相应的部分代码:

分别用两个iframe引出左右两列

<iframe id="ifMessage" name="ifMessage" frameborder="0" scrolling="no" noresize src="BroadMessage?action=show" style="width:144px;height=20px;"></iframe>

<iframe src="<%=EusUtil.getPage("doc.list.s")%>?docType=S_TDF1&docType=S_TD1A&docType=S_TD1B&docType=S_TDF2&docType=S_TD2A&docType=S_TD2B&pageType=F" name="MainFr" width="100%" height="100%" frameborder="0" scrolling="no" noresize />

?

?

那么Back,Forward,Refresh怎么实现?

下面列出三个按钮的onclick方法

onClick="javascript:parent.frames[1].history.back()"
onClick="javascript:parent.frames[1].history.forward()"
 onClick="reloadMain();"

?

上面调用的reloadMain方法如下:

function reloadMain() {
	if(typeof(parent.contentFr.MainFr.startSearch)=='function')
		parent.contentFr.MainFr.startSearch();
	else parent.frames[1].MainFr.location=parent.frames[1].MainFr.location;
	
}

?主要用于刷新作用的是:

parent.frames[1].MainFr.location=parent.frames[1].MainFr.location;

?

  相关解决方案