Question

布局看起来像这样（或多或少）：

我的索引页面有两个iframe，左边是导航，右边是精确内容。在用于导航的html文档中，我有一个小脚本（JQuery），当您将鼠标悬停在它们上面/单击它们时，它会激活按钮。我需要添加的当然是点击按钮实际上会改变第二个iframe的来源。（Content-Frame，id =“I2”）`

但是无论我写什么，脚本都会破坏，动画也会丢失。

我有这样的想法：

window.document.GetElementById("I2").src = "Content/some_other_html_page.html";
// or:
parent.document.GetElementById("I2").src = "..." ;

但它不会工作。该脚本在第一个iframe的html文档中被激活。有人可以帮助我吗？我昨天晚上真的坐在那里等了2个小时，只是在互联网上搜索结果，并在我编辑的网页上按F5。

Answer 1

由于您已经包含了jQuery，因此可以使用：

$("#I2", window.parent.document).attr("src", "Content/some_other_html_page.html");

您必须使用上下文window.parent.document才能从其他导航iframe中选择iframe。

Answer 2

用于更改iframe的网址您可以这样做

<input type="button" id="button" value="Chnageurl" onclick="changeurl()"/>
<script type="text/javascript">

    function changeurl(e) {
            $('#iframe').attr('src', 'someother url');
            return false;
        }

</script>

JQuery事件应该改变iframe的src

2 个答案: