您的位置:首页 > 其它

同时刷新两个iframe指向的页面,一个链接关联两个iframe的刷新

2013-06-14 22:10 417 查看
1.index.htm中有多个iframe

<framesetrows="140,1*"frameborder="no"framespacing="0">
<frameid="topframe"name="topframe"src="Top.aspx"name="top"scrolling="NO"noresizemarginwidth="0"marginheight="0">
<framesetcols="200,1*">
<frameid="treeframe"name="treeframe"src="Tree.aspx"name="nav"scrolling="NO"marginwidth="0"marginheight="0">
<frameid="bodyframe"name="bodyframe"src="Default.aspx">
</frameset>
<!--<frameid="bottomframe"title="bottomframe"name="bottomframe"src="Bottom.aspx"nosesize="noresize"scrolling="no">-->
</frameset>


在top.aspx中有一个UserControl,有许多a标签,指向Tree.aspx,

但我想当点击每个标签时能同时能刷新Default.aspx,


下面是一个UserControl,由topframe中的Top.aspx引用。它的href指向的是Tree.aspx,target指向的是treeframe

所以原则上,它只会对Tree.aspx这个页面产生影响。

但我希望同时可以让主窗口的能接受这个a标签的key,加载数据.

<li><ahref="javascript:void(0)"class="">报表</a>
<ul>
<li><ahref="../Tree.aspx?key=21"target="treeframe"class=""key="21"
isfixed="1"onclick="DefaultFileList(this);">aaaa</a></li>
<li><ahref="../Tree.aspx?key=22"target="treeframe"class=""key="22"
isfixed="1"onclick="DefaultFileList(this);">bbbb</a></li>
<li><ahref="../Tree.aspx?key=23"target="treeframe"class=""key="23"
isfixed="1"onclick="DefaultFileList(this);">cccc</a></li>
</ul>
</li>


解决办法:

onclick="DefaultFileList(this);"

varDefaultFileList=function(obj){
varkey=$(obj).attr("key");
parent.bodyframe.location.href='Default.aspx?id='+key;
returnfalse;
}

其中target="treeframe"关联iframeid为treeframe的页面,当点击链接时,由onclick事件再关联iframeid为bodyframe的页面,其中href后的链接为要显示内容的地址。

javascript:parent.bodyframe.location.href中的parent表明了要关联的iframe在上级页面中。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐