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

Question

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

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

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

Answer 1

这就是target attribute的用途。

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

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

Answer 2

这是你想要的吗？

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;