通过javascript设置iframe的src会导致无限循环

单击一个按钮，我将通过javascript设置iframe的

src

属性。问题在于，单击按钮时，iframe内的页面似乎卡在无限循环中（iframe以1-3秒的固定间隔垂直拉伸）。这可能是什么原因

<!-- HTML -->
<div>
  <button id="myMap">Load Map</button>
  <iframe id="map"></iframe>
</div>

<!-- Javascript -->
$('#myMap').on('click', function(){
  $('#map').attr('src', '/app/myPage');
});

负荷图
$（'#myMap'）。在（'单击'，函数（）上）{
$（'#map'）.attr（'src'，'/app/myPage'）；
});

它适合我。。。您确定您使用的jQuery是正确的吗？或者你有更多的代码导致你所说的问题

这是你的代码，它对我有用

<!-- HTML -->
<div>
  <button id="myMap">Load Map</button>
  <iframe id="map"></iframe>
</div>
<!-- Javascript -->
$('#myMap').on('click', function(){
    $('#map').attr('src', 'https://idanmorblog.wordpress.com/2016/06/29/when-namogoo-conquered-sparta/');
});

负荷图
$（'#myMap'）。在（'单击'，函数（）上）{
$（'#map'）.attr（'src'，'https://idanmorblog.wordpress.com/2016/06/29/when-namogoo-conquered-sparta/');
});

---

我认为您共享的代码不会复制它。。。对我来说似乎不完整…我知道它不完整。这只是我正在使用的整个代码的要点。我试图弄清楚这是否是我不应该做的事情（例如：动态设置iframe的

src

属性），我根本不会使用iframe，特别是如果iframe的内容在同一个域中（我假设这是真的，因为src是一个相对路径），完整且可验证的示例将有所帮助