通过左边iFrame内链接打开右边iFrame_frame调用右边页面方法-优快云博客

本文链接：https://blog.youkuaiyun.com/lutinghuan/article/details/10916907

方法一：在左边iFrame内a标签的target属性，填入右边iFrame的name属性值（跟id值无关）。

左边iFrame a标签书写示例：

<a href="http://www.taobao.com" target="rightFrame">Account information</a>

主页面HTML（iFrame的id值跟name值都要写）：

<html>
<div class="content" >
    <div id="left">           
        <iframe id="leftFrame" name="leftFrame" src="user_menu.jsp" frameborder="0" width="100%" height="90%" scrolling="no" marginheight="0" marginwidth="0" style="border:1px solid #CCC; margin:0; padding:0;"></iframe>
    </div>
    <div id="right">
        <iframe id="rightFrame" name="rightFrame" src="user_information.jsp" frameborder="0" width="100%" height="90%" scrolling="no" marginheight="0" marginwidth="0" style="border:1px solid #CCC; margin:0; padding:0;"></iframe>
    </div>
</div>
</html>

方法二：左边iFrame内a标签通过javascript获取parent对象操作右边iFrame。
左边iFrame Javascript方法：

//打开右边页面
function openurl(url)
{
	var rframe = parent.document.getElementById("rightFrame") ;
	rframe.src = url;
}

左边iFrame a标签书写示例：

<a href="javascript:void(0);" onClick="openurl('http://www.baidu.com');">Update information</a>

主页面HTML：

<html>
<div class="content" >
    <div id="left">           
        <iframe id="leftFrame" name="leftFrame" src="user_menu.jsp" frameborder="0" width="100%" height="90%" scrolling="no" marginheight="0" marginwidth="0" style="border:1px solid #CCC; margin:0; padding:0;"></iframe>
    </div>
    <div id="right">
        <iframe id="rightFrame" name="rightFrame" src="user_information.jsp" frameborder="0" width="100%" height="90%" scrolling="no" marginheight="0" marginwidth="0" style="border:1px solid #CCC; margin:0; padding:0;"></iframe>
    </div>
</div>
</html>

以上方法在IE/FF/CHROME上均测试通过。

文章参考自：
http://bbs.youkuaiyun.com/topics/330083885 8楼
http://www.hujuntao.com/web/a-few-notes-about-href-using-javascript.html
http://www.cnblogs.com/nonlyli/archive/2007/04/11/709599.html