web-dev-qa-db-fra.com

Comment définir le src sur un iframe avec jQuery?

Mon iFrame ressemble à ceci:

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

Et mon script ressemble à ceci:

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

J'ai également essayé de mettre des guillemets autour de l'URL:

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

Mais ni l'un ni l'autre ne fonctionne.

Qu'est-ce que je rate?

javascriptjqueryiframesrc
16
Alex

Si vous regardez la console d'erreur du navigateur, vous verrez le vrai problème:

Refus d'afficher " https://www.google.com/ " dans un cadre, car il a défini "X-Frame-Options" sur "SAMEORIGIN".

Google ne vous laisse pas faire ça.

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

Citations manquantes sur l'url.

8
rjg132234

Vous n'êtes pas autorisé à charger www.google.com dans un iFrame. Essayez-le avec une autre URL.

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

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

cela fonctionnera bien.

3
user3332446

Appelez simplement la fonction avec le nom Iframe et l'URL souhaitée

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

Ex:

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