La página se está volviendo a cargar al agregar de forma dinámica iframe - javascript, jquery

tengo un div dentro de una página dentro, que quiero cargar el iframe dinámicamente una vez que el usuario hace clic en el enlace.

//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 se carga correctamente después de hacer clic en la etiqueta de anclaje, pero la página completa se actualiza. ¿Alguien tiene idea de cómo evitar la carga de la página?

Respuestas

Reemplace su ancla con

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

Cambié el href y el onclick, para evitar saltar o volver a refrescarse.

Intenta en lugar de cargarlo createElement utilizando

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

Hasta donde yo sé, esto no debería recargar una página.