2013-06-06 7 views
15

Benim iFrame şöylesrc'yi jQuery ile bir iframe olarak nasıl ayarlayabilirim?</p> <pre><code><iframe id="iframe" name="iframe1" frameborder="0" src=""></iframe> </code></pre> <p>Ve script şöyle:

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

Ayrıca url sonuna tırnak işareti koyarak denedim: ne is

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

Ama Çalışma.

Neyi eksik?

+0

Tarayıcıdan herhangi bir hata alıyor musunuz? – rjg132234

+0

http://jsfiddle.net/SLaks/8JKxh/ – SLaks

cevap

19

tarayıcının hata konsolunda bakarsanız, gerçek sorunu görürsünüz:

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

tarihinde Buna izin vermez.

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

Bu doğru cevaptır. Başka bir URL ile kullanıldığında çalışır. Disney.com'u denedim ve iyi çalıştı (yükseklik/genişlik özellikleri eklendikten sonra). –

+0

@SLaks - Bu google'ın meta etiketinden mi: ''? –

+0

Evet, Firefox bana benzer bir hata veriyor: 0-X-Frame-Options tarafından reddedilen yük: https://www.google.com/ cross-origin çerçevelemesine izin vermez. ' İspat: http: // jsfiddle. net/7vuB4/ – nullability

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

Url'de eksik alıntılar.

+0

Hey, özür dilerim, bunu içerecek şekilde düzenledim. Bu da çalışmıyor. – Alex

+0

Kodun tamamı var mı? Ve senin tarayıcın sana bir hata mı veriyor? – rjg132234

1

Sadece Iframe adıyla fonksiyon ve istenen url

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

Ör diyoruz. Başka bir URL ile deneyin.

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

4

Sen bir iFrame www.google.com yüklemek için izniniz yok:

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

bu iyi çalışır.

İlgili konular