Question

这是我的主要index.html：

<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"时

Answer 1

我认为您需要访问javascript对象window.parent.frames[0].document或[1]才能访问您的框架。

在jquery中你可以把它作为第二个参数：

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

只有当您访问同一域中的window对象时才会这样做。

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

1 个答案: