0

リンクがクリックされるまでiframeを非表示にするこのコードがあります

<a href="http://www.site.com/" target="iframe1" onClick="document.getElementById('iframe1').parentNode.style.display=''">link</a>

</br></br>

<div style="display:none;"><iframe id="iframe1" name="iframe1" src="#"></iframe></div>

iframe の読み込み後にリンクを非表示にしたい

どうすればそれができますか？

コードが私のコードよりも優れている場合は、それも投稿してください

ありがとうございました

4

2 に答える 2

1

jQuery の .load() イベントを使用します。

load イベントは、要素とすべてのサブ要素が完全に読み込まれると、要素に送信されます。このイベントは、URL に関連付けられた任意の要素 (画像、スクリプト、フレーム、iframe、window オブジェクト) に送信できます。

  $("#iframe").load(function(){
      $("#link").hide();
   });
于 2013-03-12T18:38:08.773 に答える
1

リンクを次のように変更します。

<a href="http://www.site.com/" target="iframe1" onClick="document.getElementById('iframe1').parentNode.style.display='block'; this.style.display = 'none';">link</a>

リンクのスタイルを に設定しdisplay: noneます。

また、iframe の表示を '' ではなくブロックに設定しました。CSS と JavaScript を HTML の外にある外部ファイルに移動するか、少なくとも<style>CSS の<script>タグと JS のタグに移動することを検討する必要があります。

于 2013-03-12T18:30:40.130 に答える