web-dev-qa-db-ja.com

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

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

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

そして、私のスクリプトは次のようになります。

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

また、URLを引用符で囲んでみました：

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

しかし、どちらも機能していません。

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

javascriptjqueryiframesrc
16
Alex

ブラウザのエラーコンソールを見ると、実際の問題がわかります。

「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームに「 https://www.google.com/ 」を表示することを拒否しました。

Googleではそれを許可していません。

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

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

8
rjg132234

IFrameでwww.google.comを読み込むことはできません。別のURLで試してください。

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

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

これは正常に機能します。

3
user3332446

Iframe名と目的のURLで関数を呼び出すだけです

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

例：

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