通过左边iFrame内链接打开右边iFrame

来源：互联网发布：已备案的域名怎么转让编辑：程序博客网时间：2024/05/02 04:41

方法一：在左边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.csdn.net/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