Как динамически загрузить содержимое документа в iframe?

Question

Я хотел бы сделать что-то вроде этого

|--------------------------|
|                A         |
|        ____________      |
|       |            |     |
|       |            |     |
|       |      B     |     |
|       |            |     |
|       |____________|     |
|                          |
|__________________________|

Страница B находится внутри страницы A, и я хочу вставить все js, css в страницу A, и я хочу отделить страницу B, и я создаю ее для использования iFrame, и получаю b страница динамически. Но если я использую src в iframe страницы B, страница A js, css не может это контролировать ... Как я могу точно вставить весь код страницы B внутри страницы A, но не нужно копировать и вставлять весь код со страницы B на страницу A? Спасибо.

Answer 1

Возможно, вы захотите взглянуть на решение AJAX.Таким образом вы избегаете iframe и связанной с ним сложности.На странице A вы можете создать тег div с определенным идентификатором.Затем, используя AJAX, вы можете загрузить содержимое страницы B в тег div.

Загруженный HTML-код может напрямую управляться кодом на вашей странице A, поскольку по сути это одна страница.

Если вы используете обычный javascript, тогда вы найдете всю необходимую вам информацию в этом уроке .

Если, с другой стороны, вы хотите использовать jQuery, тогда это так же просто, как:

  $('#myDiv').load('B.html');

где myDiv - это идентификатор вашего div.

Answer 2

$('#iframeId').contents().find('html').html(yourContent);