frame页面:
<frameset>
<frameset rows="25%,75%" border="1" frameborder="1" bordercolor="#1E90FF" >
<frame src="#" id="top" name="top" noresize="noresize" scrolling="no" border="1" frameborder="1" bordercolor="#1E90FF" />
<frameset cols="10%,90%" >
<frame src="#" id="left" name="left" noresize="noresize" scrolling="yes" border="1" frameborder="0" bordercolor="#1E90FF" />
<frame src="#" name="mainFrame" id="mainFrame" border="1" frameborder="0" bordercolor="#1E90FF"/>
</frameset>
</frameset>
</frameset>
top页面:
<script type="text/javascript">
$(document).ready(function(){
$("#yh").click(function(){
$(parent.frames["left"].document).find("#show").html("xxxx");
});
});
</script>
<li><a id="yh" href="#" target="mainFrame"><span>xxxx</span></a></li>
当我点击这个标签时,我想改变left.jsp 页面上id为show的标签的内容。但是没反应。
请各位前辈不吝赐教!!谢谢!!!
没有跨域,可以通过window.top,找到iframe的最顶层窗口。
有最顶层窗口,再对下层的iframe进行操作。
如顶层窗口有:
function A(){
iframe2.xxx.innerHTML = "xxxxx";
};
iframe中,可通过window.top"A";调用到A方法
请前辈们出手帮帮我吧,无言感激。
没跨域吧?跨域没搞
没发布站点不要使用webkit核心浏览器,如chrome,360极速模式,file协议不能跨框架操作,除非配置过,用ie或者firefox