按下按钮</iframe>后加载<iframe>

Question

我按下按钮后出现div显示“正在加载”并加载iframe。 所以，显示div我可以通过jQuery，但如何在事件后加载iframe？

Here is my working code as i want

Answer 1

在您希望它开始加载的那一刻设置iframe的src属性（默认情况下将其设置为""）：

$('#my-button').click(function() {
  $('iframe#myIframe').attr('src', url);
});

您还可以处理iframe完成加载时的事件：

$('iframe#myIframe').load(function() {
  // do stuff...
});

Answer 2

所以我理解了我需要的东西：

<iframe id="chgMe" src="Source1.htm">Frames are not supported on your browser.</iframe>
<button onclick="document.getElementById('chgMe').src='Source2.htm'">Next</button>