如何使用Jquery / Javascript引用同级框架？

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 个解决方案

解决方案1
1 2013-05-02 20:42:24

如何使用Jquery / Javascript引用同级框架？

问题描述

1 个解决方案

解决方案1 1 2013-05-02 20:42:24

解决方案1
1 2013-05-02 20:42:24