0

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アンカータグをクリックすると正常に読み込まれますが、ページ全体が更新されます。ページの読み込みを回避する方法を知っている人はいますか?

4

2 に答える 2

1

あなたのアンカーを

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

ジャンプや再リフレッシュを避けるために、hrefとを変更しました。onclick

于 2013-10-31T10:02:53.440 に答える
0

createElementを使用してロードする代わりに試してください

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

私の知る限り、これはページをリロードするべきではありません。

于 2013-10-31T10:02:41.920 に答える