单击链接更改iframe src

Question

我有iframe看起来像这样：

<iframe src="http://www.google.com" height=1000 width="500" id="myiframe"></iframe>

我想创建一个链接，以便当我点击它时，页面上的iframe会发生变化。我怎么能用jQuery做到这一点？它与jQuery attr有关吗？

Answer 1

你不需要jQuery。你甚至不需要JavaScript。

给你的iframe name，并定位你的锚点指向它：

<a href="foo.html" target="myiframe">Foo</a>
<a href="bar.html" target="myiframe">Bar</a>
<a href="baz.html" target="myiframe">Baz</a>

<iframe name="myiframe"></iframe>

对于关闭JavaScript的人来说，这会很好地降低。

Answer 2

点击“点击此处”链接//将指定的链接移动到iframe ....

<a href="cart.html" target="test" onclick="document.getElementById('test').frameBorder=1"> Click Here </a>
<iframe src="blank.html" frameborder="0" name="test" id="test" width=1200 height=800></iframe>