Javascript 函数显然没有触发

Question

我有一个 <iframe>我的页面上的控件，我想通过单击超链接来更改它的目标 url(iframe 中显示的页面的 url)。问题是 iframe 不会在点击时更新。我很确定我错过了什么，但我不知道是什么:

<script type="text/javascript">
var source = document.getElementById("CurrentlySelected")
function change(u) {
    if (source.getAttribute("src") != u) {
        source.setAttribute("src", u);
        document.location.reload(true);
    }
}
</script>

<ul>
    <li><a href="#" onclick="change('http://www.somewebsite.com');">Website 1</a></li>
    <li><a href="#" onclick="change('http://www.thiswebsite.net');">Website 2</a></li>
</ul>

<iframe id="CurrentlySelected" width="800px" height="600px" src="http://www.somewebsite.com"></iframe>

JS 不是我的强项，但我看不出有什么问题……有什么想法吗？

另一个问题是 iframe 的背景颜色与其 src 属性中链接的网站颜色不同...

编辑
iframe 中网站背景颜色的问题似乎是 Google Chrome 的问题，有人知道修复方法吗？

Answer 1

当你写 document.location.reload(true) ，您正在刷新父页面，重置<iframe>指向原始 URL。
删除那条线；设置 src属性将已经重新加载框架。

此外，您正在调用 document.getElementById在 <iframe> 之前元素存在；你应该移动<script>在 <iframe> 之后的 block .