创建链接以更改 iframe 上的 src答案

【问题标题】：Making a link to change src on iframe创建链接以更改 iframe 上的 src
【发布时间】：2011-12-06 12:07:06
【问题描述】：

我在 PHP 中有一些 javascript/jquery 代码：

$theframe='thisbox';
echo "<a href='#' onClick=\"\$('#$theframe').attr('src','http://google.com';\">
<span class='lin'>$titlehere</span></a>";

点击后，我希望它在不刷新页面的情况下将页面上 id='theframe' 的 iframe 更新为其他内容（例如此处的 google）。

它不工作。有什么想法吗？

编辑：为了将来参考，这是我用过的。

<a href="foo.html" target="myiframe">Foo</a>
<iframe name="myiframe"></iframe>

来自： Basic jQuery question: How to change iframe src by clicking a link?

【问题讨论】：

标签： php javascript jquery html

【解决方案1】：

给框架起个名字，然后用target属性，忘了JS吧。

<a href="http://example.net/" target="myFrame">Example</a>

<iframe name="myFrame" src="http://example.com/">
    Alternative content for non-frame systems
</iframe>

【讨论】：

【解决方案2】：

创建一个新的 div 并在每次点击时设置其“innerHTML”值。然后，innerHTML 值包含一个带有其源的新 iframe。

【讨论】：

【解决方案3】：

您需要使用event.preventDefault() 阻止链接的默认行为。我还要拆分 html 和 javascript：

PHP：

echo "<a href='#' id='someID'><span class='lin'>$titlehere</span></a>";

JS：

$('#someID').click(function(ev){
    $('#theframe').attr('src','http://google.com');
    ev.preventDefault();
});

【讨论】：