javascript - 动态添加 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>");

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