javascript - 使用 javascript 更改 iframe 网址。火狐问题

Question

我有一个主页，它在 iframe http://mypage.com/myurl 中加载默认链接。将其放在博客中后，我想为每个帖子页面动态更改 iframe 内的默认链接。我像这样加载默认链接:

<iframe width='1000' height='500' name='iframename' frameborder='0'
        src='http:/mypage.com/myurl'></iframe>

(适用于所有浏览器)，我通过将此代码放入每个帖子页面来动态更改 iframe 内的链接:

<script type="text/javascript">
    document.iframename.location = "http://mypage.com/mynewurl"; 
</script>

它在 chrome 和 ie 上运行良好，但在 firefox 上不起作用!

有什么想法或解决方法吗？

这是一个简化的示例 www.tinyurl.com/9l7zt2n看看与 Firefox 的区别，它在 iframe 中加载默认链接。 ie 和 chrome 可以通过添加的 javascript 进行更改。

如果有帮助可以在博客上测试一下www.tinyurl.com/9axhquh你可以看到它在 chrome 和 ie 上运行，如果你点击任何帖子标题或“阅读更多”来加载帖子页面，顶部的 iframe 会相应变化

有什么想法或解决方法吗？

Answer 1

document.iframename.location 可能不支持跨浏览器。

尝试:

<iframe width='1000' height='500' id='iframeid' frameborder='0' src='http:/mypage.com/myurl'></iframe>

<script type="text/javascript">
    document.getElementById('iframeid').src = "http://mypage.com/mynewurl";
</script>

这意味着:

1. 不支持通过 document.elementName 语法按名称访问元素。
2. iframe 元素没有名为 location 的属性。 location 是window 的一个属性。您可以使用 contentWindow 访问 iframe 的 window。

我在这里写了一个简短的测试 http://jsfiddle.net/FyNW9/ 。在不同的浏览器中运行它。