在iframe上创建一个更改src的链接

时间:2011-12-06 12:07:06

标签: php javascript jquery html

我在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?

3 个答案:

答案 0 :(得分:4)

给框架命名,然后使用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>

答案 1 :(得分:0)

创建一个新div并通过每次单击设置其“innerHTML”值。然后innerHTML值包含一个新的iframe及其源。

答案 2 :(得分:0)

您需要使用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();
});