Comment charger une URL dans iframe avec Jquery

Question

Je veux charger un iframe au clic, c'est ce que j'ai jusqu'à présent:

 $("#frame").click(function () { 
      $('this').load("http://www.google.com/");
    });
 

Ça ne marche pas. Voici le code complet: JS Bin

Answer 1

 $("#button").click(function () { 
      $("#frame").attr("src", "http://www.google.com/");
});
 

HTML:

  <div id="mydiv"><iframe id="frame" src="" width="100%" height="300">
   </iframe></div>
  <button id="button">Load</button>
 

Answer 2

Essayez $(this).load("/file_name.html"); . Cette méthode cible un fichier local.

Vous pouvez également cibler des fichiers distants (sur un autre domaine) jetez un œil à: http://en.wikipedia.org/wiki/Same_origin_policy

Answer 3

 this.src="http://www.google.com/";
 

Parfois, le JavaScript simple est encore plus cool et plus rapide que jQuery ;-)