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

Setting src of iframe via javascript is resulting in infinite loop

本文关键字:无限循环 src javascript 设置 iframe 通过      更新时间:2023-09-26

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

它适合我…你确定你用的是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/