javascript - iframe src のリンクを変更する

Question

以下は、私が知りたいiframeコードです。任意のボタンをクリックすると、リンクが変更され、ページをリロードせずに結果が表示されるとしましょう。

ありがとう、

<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

（あなたが過度に複雑だった場合）

         <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 なし (seo にやさしく、よく劣化する)

         <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>

Answer 3

ボタンの代わりにリンクを使用できる場合、これは完璧なソリューションです。

jQuery の基本的な質問: リンクをクリックして iframe src を変更するにはどうすればよいですか?