用 javascript 更改 iframe url。火狐问题

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 上运行，即，如果您单击任何帖子标题或“阅读更多”以加载帖子页面，顶部的 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/。在不同的浏览器中运行它。