javascript - 通过单击链接更改 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 指定一个名称，并定位您的 anchor 以指向它:

<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 的人来说，这会很好地降级。