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

Question

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

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

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

Answer 1

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

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

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

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

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

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

Answer 2

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