JavaScript 不会更改 iframe src(使用 Bootstrap 前端)

Question

我使用以下 JavaScript(在 head 的脚本标记中)在单击链接时修改 iframe 的 src。

function switchView() {
    document.getElementById("project-view").src = 'projects/3dpool.html';
}

我的iframe是这样写的

<iframe id="project-view" src="projects/fallingballs.html" onload="resizeIframe(this);" scrolling="no"></iframe>

更改 iframe 的链接是:

<a href="" class="list-group-item" onclick="switchView();">3D Pool</a>

在 src 更改后添加类似 document.getElementById("project-view").src 的日志语句显示 src 实际上已更改，但没有显示任何更改。

我尝试从 iframe 中删除卸载标记，但没有帮助。

在 Web 控制台中的 switchView() 函数中键入代码可以正常工作

Answer 1

将您的链接更改为如下所示:

<a href="#" class="list-group-item" onclick="switchView(); return false;">3D Pool</a>