Как загрузить URL-адрес в iframe с помощью JQuery

Я хочу загрузить iframe на клик, это то, что у меня есть до сих пор:

$("#frame").click(function () { 
      $('this').load("http://www.google.com/");
    });

Это не работает. Это полный код: JS Bin

Ответ 1

$("#button").click(function () { 
    $("#frame").attr("src", "http://www.example.com/");
});

HTML:

 <div id="mydiv">
     <iframe id="frame" src="" width="100%" height="300">
     </iframe>
 </div>
 <button id="button">Load</button>

Ответ 2

$("#frame").click(function () { 
    this.src="http://www.google.com/";
});

Иногда простой JavaScript еще холоднее и быстрее, чем jQuery; -)

Ответ 3

Попробуйте $(this).load("/file_name.html");. Этот метод предназначен для локального файла.

Вы также можете перенаправлять удаленные файлы (в другом домене): http://en.wikipedia.org/wiki/Same_origin_policy

Ответ 4

На всякий случай кто-то все еще натыкается на этот старый вопрос:

Код был теоретически почти правильным в некотором смысле, проблема заключалась в использовании $('this') вместо $(this), поэтому он рассказывал jQuery о поиске тега.

$(document).ready(function(){
  $("#frame").click(function () { 
    $(this).load("http://www.google.com/");
  });
});

Сам script не работает, как сейчас, потому что сама функция load() является функцией AJAX, а google, похоже, не позволяет использовать загрузку этой страницы с помощью AJAX, но этот метод должен быть прост в использовании, чтобы загружать страницы из вашего собственного домена, используя относительные пути.

Ответ 5

здесь отображается Iframe:

<iframe class="img-responsive" id="ifmReport" width="1090" height="1200" >

    </iframe>

Загрузите его в script:

 $('#ifmReport').attr('src', '/ReportViewer/ReportViewer.aspx');