如何使用Jquery/Javascript引用兄弟框架？

這裏是我的主要index.html：如何使用Jquery/Javascript引用兄弟框架？

<frameset cols="200,*" border="0" frameborder="0" framespacing="0"> 
    <frame name="nav" id="nav" src="nav.html" /> 
    <frame name="content" id="content" src="1.html" /> 
</frameset>

這裏的nav.html：

<body> 
    <ul> 
     <li><a href="1.html" target="content" id="test">1</a></li> 
     <li><a href="2.html" target="content">2</a></li> 
    </ul> 
</body>

這裏的1.html：

<body>  
<script type="text/javascript"> 
    $("#content").ready(function() { 
     $("#nav").contents().find('#test').html('selected'); 
    }); 
</script> 
</body>

我想要什麼：當右幀（1.HTML）負載，它改變了左側框架（nav.html）中的內容。

的語法似乎並沒有在第二行($("#nav").contents()...)工作，因爲當我"#contents"測試它它也不管用，但是當我將其更改爲"this"。

來源

2013-05-02 Korey

我相信你需要訪問JavaScript對象window.parent.frames[0].document或[1]來訪問你的框架。

在jQuery中，你可以把這個作爲第二個參數，以便：

$("#nav", window.parent.frames[0].document).find("#test").html("selected");

也就是說，只有當您正在訪問的域名相同的window對象。

來源

2013-05-02 20:42:24

如何使用Jquery/Javascript引用兄弟框架？

回答

相關問題