Измените ссылку в IFrame ЦСИ

Question

Ниже приведен код IFrame я хочу знать, как я могу изменить ссылку Src, когда позволяет сказать, что я нажимаю на любую кнопку и она изменяет ссылку и показывает результата соответственно без перезагрузки страницы

Спасибо,

<iframe name="reloader" id="reloader" width="500" height="400" src="http://www.google.com/"/> 

Answer 1

$('#yourBtn').on('click', function(){ 
    $('#reloader').attr('src', 'yourNewLink'); 
}) 

Answer 2

Это идеальное решение, если вы можете использовать ссылки вместо кнопки:

Basic jQuery question: How to change iframe src by clicking a link?

Answer 3

(в случае, если вы усложнять)

  <a href="http://www.somewebsite.com" target="reloader"> 
      click here 
     </a> 


     <iframe name="reloader" 
      id="reloader" width="500" 
      height="400" 
      src="http://www.google.com/"/> 

без JQuery (будучи сео дружественный и деградирует хорошо)

  <a href="http://www.somewebsite.com" class="mybutton" target="reloader"> 
      click here 
     </a> 


     <iframe name="reloader" 
      id="reloader" width="500" 
      height="400" 
      src="http://www.google.com/"/> 



     <script type="text/javascript"> 

      $(".mybutton").click(function(e) { 

       /* stop the link */ 
       e.preventDefault(); 

      /* get the url from the link */ 
      var url = $(this).attr("href"); 

      /* do something with it */ 
      $("#reloader").attr("src",url); 

      }); 

     </script>