通过单击链接更改 iframe src
Posted
技术标签:
【中文标题】通过单击链接更改 iframe src【英文标题】：Change iframe src by clicking a link 【发布时间】：2010-12-01 04:36:52 【问题描述】：我有一个看起来像这样的iframe：
<iframe src="http://www.google.com" height=1000 id="myiframe"></iframe>
我想创建一个链接，以便当我点击它时，页面上的 iframe 会发生变化。我怎样才能使用 jQuery 做到这一点？和jQueryattr有关系吗？
【问题讨论】：
【参考方案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>
【讨论】：
以上是关于通过单击链接更改 iframe src的主要内容，如果未能解决你的问题，请参考以下文章
如何通过单击另一个 iframe 内的按钮更改 iframe 的源？