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

Question

点击按钮，我通过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');
});

Answer 1

它对我有用......你确定你正在使用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/');
});

https://jsfiddle.net/sidanmor/n2zu783e/