当在同一页面上单击链接时，是否可以使用 JQuery 将 url 加载到 iframe 中？答案

【问题标题】：Is it possible to use JQuery to load a url into an iframe when a link is clicked on the same page?当在同一页面上单击链接时，是否可以使用 JQuery 将 url 加载到 iframe 中？
【发布时间】：2014-09-23 15:09:19
【问题描述】：

如果不能编辑 html，是否可以使用 JQuery 将 <a> 标记的 src 加载到与单击链接相同的页面上的 iframe 中？

与此类似，但不是从输入中获取值，而是 src 值将是用户单击的链接的 src？

http://jsfiddle.net/kbwood/DLprk/

【问题讨论】：

标签： jquery html iframe

【解决方案1】：

这就是target attribute 的用途。

iframe { width: 100%; height: 50%; }

<iframe id="display" name="display"></iframe>
<br>
    <a href="http://jquery.com" target="display">Load</a>

【讨论】：

这太简单了。 :) 同意他的回答要求 jQuery。但如果他可以编辑 HTML，那么 target 属性将是“最佳”解决方案。
谢谢，这也行。有一个更大的 JQuery 函数与我想要添加功能的页面一起运行。 +1
@Denoteone，正如 Leeish 指出的那样，如果您可以编辑 HTML，这是最好的解决方案，因为它不需要任何 Javascript 代码，这使得它对 SEO 友好且易于访问。
@Denoteone 如果你的问题不是关于<a> 标签，你真的应该改写它（对于未来的访问者）。
我更新了问题的标题，以更好地反映我在这个特定案例中寻找的内容。

【解决方案2】：

这是你想要的吗？

$('#url').click(function(e) {
    e.preventDefault();
    $('#display').attr('src', $('#url').attr('href'));
});

iframe { width: 100%; height: 50%; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="display"></iframe>
<br>
    <a type="text" id="url" href="http://jquery.com">test</a>

【讨论】：

感谢 Leeish 的快速回答和示例。这正是我想要完成的。只要允许，我就会将其标记为已接受。 +1 选中
如果你可以编辑 HTML，@ncardeli 有更好的答案，因为它只是 HTML。