通过单击链接更改 iframe src答案

【问题标题】：Change iframe src by clicking a link通过单击链接更改 iframe src
【发布时间】：2010-12-01 04:36:52
【问题描述】：

我有一个看起来像这样的iframe：

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

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

【问题讨论】：

标签： javascript jquery html iframe

【解决方案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 的人来说效果很好。

【讨论】：

【解决方案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>

【讨论】：