javascript - 更改 iframe src 中的链接

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

这是完美的解决方案，如果您可以使用链接代替按钮：

基本 jQuery 问题：如何通过单击链接更改 iframe src？

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