Jak ustawić src do elementu iframe za pomocą jQuery?

Moje iFrame wygląda następująco:Jak ustawić src do elementu iframe za pomocą jQuery?

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

A mój skrypt wygląda tak:

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

Próbowałem zostały również oddanie cudzysłowy wokół URL:

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

ale nie jest pracujący.

Czego mi brakuje?

Źródło

2013-06-06 Alex

Czy pojawiają się błędy w przeglądarce? – rjg132234

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

Jeśli spojrzeć na konsoli błędów w przeglądarce, zobaczysz prawdziwy problem:

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

Google nie pozwoli Ci zrobić.

Źródło

2013-06-06 20:24:38 SLaks

To jest właściwa odpowiedź. Działa, gdy jest używany z innym adresem URL. Próbowałem disney.com i działało dobrze (po dodaniu atrybutów height/width). –

@SLaks - Czy to z metatagu google: ''? –

Tak, Firefox podał podobny błąd: 'Wczytanie zabronione przez X-Frame-Options: https://www.google.com/ nie zezwala na krzyżowe określanie ramek. Dowód: http: // jsfiddle. net/7vuB4/ – nullability

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

Brak cudzysłowów na adresie URL.

Źródło

2013-06-06 20:22:37 rjg132234

Hej, przepraszam, że właśnie to zredagowałem. To też nie działa. – Alex

Czy masz pełny kod? A czy twoja przeglądarka daje ci błąd? – rjg132234

Wystarczy wywołać funkcję z nazwą IFRAME i żądany adres URL

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

Ex:

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

Źródło

2013-06-06 20:24:40

nie wolno ładować www.google.com w iFrame. Wypróbuj za pomocą innego adresu URL.

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

Źródło

2013-06-06 20:25:59 ChrisGheen

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

to będzie działać dobrze.

Źródło

2014-03-13 06:48:04 user3332446

Jak ustawić src do elementu iframe za pomocą jQuery?

Odpowiedz

Powiązane problemy