使用ajax改变iframe答案

【问题标题】：Using ajax to change iframe使用ajax改变iframe
【发布时间】：2011-05-06 17:03:03
【问题描述】：

是否可以在不离开页面的情况下更改 iframe 的 URL。 IE。阿贾克斯如果是这样，如何做到这一点。非常感谢

【问题讨论】：

是的，您可以异步更改 iframe 的 url。除非您从服务器检索 URL，否则 AJAX 与它无关。

标签： javascript html ajax iframe

【解决方案1】：

是的，只使用 javascript（我使用 jQuery）..

例子在这里：

http://jsfiddle.net/pYG2z/

HTML:
<iframe id="googframe" src="http://www.google.com"></iframe>
<input type=button id="changeframe" value="Change">


JS:
$('#changeframe').click(function() {
  $('#googframe').attr('src','http://www.msn.com'); 
});

【讨论】：

感谢福斯科！它也帮助了我！
@Fosco 我们如何使用文本链接而不是按钮？
实际上，该示例使用 jQuery。设置src 属性将导致加载IFrame。

【解决方案2】：

var iframe = document.getElementById('your_iframe');
iframe.src = 'http://example.com/';

【讨论】：