动态添加iframe时页面正在重新加载

Question

我的页面内部有div，我想在用户点击链接后动态加载iframe。

//div code
<div id="cs_feedback_pane" ><!-- iframe here --></div>


//link
<a href="#" id="cs_panel_link" onclick= "loadIframe();">Load iframe inside div</a>

//javascript code 
function loadIframe () {
   var iframe = document.createElement('iframe');
   iframe.frameBorder=0;
   iframe.setAttribute("src", 'myurl here ');
   document.getElementById('cs_feedback_pane').appendChild(iframe);
 }

单击锚标记后，

iframe成功加载，但整个页面都会刷新。有没有人知道如何避免页面加载？

Answer 1

用

替换你的锚

<a href="javascript:void(0)" id="cs_panel_link" onclick= "loadIframe(); return false;">Load iframe inside div</a>

我更改了href和onclick，以避免跳跃或重新刷新。

Answer 2

尝试使用

按createElement加载

document.getElementById('cs_feedback_pane').innerHtml("<iframe src=""></iframe>");

据我所知，这不应该重新加载页面。