Come si imposta src su un iframe con jQuery?

Question

mio iFrame si presenta così:

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

E il mio script è simile al seguente:

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

Ho anche provato a mettere le virgolette attorno alla url:

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

ma non è lavoro.

Cosa mi manca?

Answer 1

Se si guarda alla console degli errori del browser, vedrete il vero problema:

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

Google non consente di farlo.

Answer 2

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

Quotes mancante nell'URL.

Answer 3

basta chiamare la funzione con nome Iframe e URL desiderato

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

Es:

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

Answer 4

È proibito caricare www.google.com in un iFrame. Provalo con un altro URL.

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

Answer 5

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

questo funzionerà bene.