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

Мой iFrame выглядит так:

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

И мой script выглядит так:

<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>

Но никто не работает.

Что мне не хватает?

Ответы

Ответ 1

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

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

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

Ответ 2

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

Котировки отсутствуют на URL.

Ответ 3

Вам не разрешено загружать 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");

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

Ответ 5

Просто вызовите функцию с именем iframe и желаемым URL

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

Пример:

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