使用Javascript / JQuery进行帧间导航

时间:2014-10-15 02:33:03

标签: javascript jquery html iframe

我知道有很多关于使用Jscript和JQuery进行导航的Q& As。但到目前为止,我还没有看到涉及帧间导航的问题。我已经知道如何让用户使用window.navigatelocation.replace从当前网站导航到其他网站,或者如果用户有一个iframe然后导航,只需将target属性指定为iframe的名称。

相反,我特别指的是如果我有两个iframes,比如frame0和frame1。在一个框架中,我有一个' Quit'链接。当用户点击它时,JS会将frame0导航到一个站点,然后将另一个帧(frame1)导航到另一个站点。

因此,例如,父HTML有两个iframe:

父HTML:

<iframe width="75%" height="420px" src="first.html" name="frame0" frameBorder="1" id="zero">
<iframe width="75%" height="30px" src="bottom.html" name="frame1" frameBorder="1" id="first">

并且frame1包含底部html,其中包含&#39; Quit&#39;链接。

底层HTML:

<a name="quit" id="quit">Quit</a>

修改

现在,我在父HTML上的JQuery端有这个:

var link = $("#quit")[0];
$("#first").contents().find(link).on("click",function(){
    $("#zero").location.replace("menu.html");
    $("#first").location.replace("menu.html");
});

但这个问题并不奏效。我实际上在这里得到了这个想法:http://api.jquery.com/contents/并且只是改变了一些东西以适应我想要的东西。

1 个答案:

答案 0 :(得分:0)

在父窗口上尝试这样的事情:

 $('body iframe.firstFrame').contents().find('button.quit').on('click',function(e) {
    frames[0].location.replace(...
    frames[1].location.replace(...
 });

 $('body iframe').first().contents().find