Как установить src в iframe с помощью jQuery?

мой 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>

но ни один из них не работает.

что я упустил?

16
iframe javascript jquery src

5 ответов

Если вы посмотрите в консоли ошибок браузера, вы увидите реальную проблему:

отказался отображать'https://www.google.com/ 'в кадре, потому что он установил" X-Frame-Options " в "SAMEORIGIN".

Google не позволяет вам это делать.

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

кавычки отсутствуют в url-адресе.

8

загрузка запрещена www.google.com в iFrame. Попробуйте использовать другой url.

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

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

это будет работать нормально.

3

просто вызовите функцию с именем Iframe и желаемым 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");
1