jQueryを使用してsrcをiframeに設定するにはどうすればよいですか？

Question

私のiFrameは次のようになります。

<iframe id="iframe" name="iframe1" frameborder="0" src=""></iframe> 

そして、私のスクリプトは次のようになります。私も、URLの前後に引用符を入れて試してみた

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#iframe').attr('src',http://google.com); 
}) 
</script> 

：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#iframe').attr('src','http://google.com'); 
}) 
</script> 

しかしでもありませんワーキング。

私には何が欠けていますか？

Answer 1

ブラウザのエラーコンソールを見れば、あなたは本当の問題が表示されます：

Refused to display ' https://www.google.com/ ' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

Googleはあなたがそれを行うことはできません。

Answer 2

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#iframe').attr('src', 'http://google.com'); 
}) 
</script> 

URLに引用符がありません。

Answer 3

例だけのiframe名と目的のURL

function loadIframe(iframeName, url) { 
    var $iframe = $('#' + iframeName); 
    if ($iframe.length) { 
     $iframe.attr('src',url); 
     return false; 
    } 
    return true; 
} 

で関数を呼び出す：あなたは、iframe内にwww.google.comをロードするために許可されていない

loadIframe("iframe1","http://yahoo.com"); 

Answer 4

。別のURLで試してみてください。

Load denied by X-Frame-Options: https://www.google.com/ does not permit cross-origin framing.

Answer 5

$("#iframe").attr("src","your url"); 

これは正常に動作します。