这是我的主要 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" 时，它就起作用了。
最佳答案
我相信您需要访问 javascript 对象 window.parent.frames[0].document 或 [1] 才能访问您的框架。
在 jquery 中，您可以将其作为第二个参数:
$("#nav", window.parent.frames[0].document).find("#test").html("selected");
只有当您访问同一域上的 window 对象时才会出现这种情况。
关于javascript - 如何使用 Jquery/Javascript 引用同级框架？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16347211/