iframeソースに変数を設定するにはどうすればよいですか？

Question

作成した変数で現在のiframeソースを設定しようとしていますが、動作していないようです。 JavaScriptの構文が間違っていると思った。

私のスクリプトは次のとおりです。

  <script type="text/javascript"> 
       $(document).ready(function(){ 
       var iframeAttributes = window.location.search; 
       var iframeForm = 'www.test.com/form.html'; 
       var iframeURL = iframeForm + iframeAttributes; 
       $('.testframe').attr('src', iframeURL); 
       }); 
      </script> 

マイIFrameのコードは次のとおりです。

  <iframe id="testframe" src="" width="600" height="586" frameBorder="0">></iframe> 

Answer 1

あなたのセレクタは間違っている：

$('.testframe').attr('src', iframeURL);

これはクラスを持つ要素を見つけようとしますtestframeあなたのHTMLにはIDが設定されていますが、クラスには設定されていません。あなたが任意のiframeのあなたにそれを適用することができるように

<script type="text/javascript"> 
$(document).ready(function(){ 
    var iframeAttributes = window.location.search; 
    var iframeForm = 'http://www.test.com/form.html'; 
    var iframeURL = iframeForm + iframeAttributes; 
    $('#testframe').attr('src', iframeURL); 
}); 
</script> 

Answer 2

は、プロトコルのhttpを含める：

これを使用して、ID testIframeを持つ要素を選択します欲しいもの：

function changeIframeSrc(id, source){ 
     $(id).attr('src', source); 
} 

私たちの例年齢：

changeIframeSrc("#iframe_tab", "http://google.com"); //Notice you can also pass a class into the function instead of an id 

Answer 3

使用機能：またはhttps：

$('#testframe').attr('src', iframeURL);