Я пытаюсь добавить динамично iframe к веб-странице с помощью JavaScript. Я хотел бы знать, возможно ли это установить src атрибут моего iframe, не используя другой файл HTML через URL. Я имею в виду, там способ "фальсифицировать" HTML для src файла атрибутов с переменной JS, где мы, я могу установить свой код (который является самим JS)? Я использовал бы DOM createElement для создания iframe в jQuery.
Спасибо!
Вы можете посмотреть данные:
URI .
<iframe src="data:text/html, .... URLencoded HTML data ....">
или
<iframe src="data:text/html;base64, .... base64 encoded HTML data ....">
Схема поддерживается IE> = 8 (источник MSDN) , Firefox, Safari 3+ и Opera.
У него разные ограничения по длине. Говорят, что Opera урезает около 4 килобайт; Internet Explorer 32 килобайта. Firefox не имеет явного ограничения длины.
Подробнее об URI данных и инструментах для преобразования см. Mozilla Developer Central
следующий код должен делать то, что вы хотите.
вы можете оставить атрибут src пустым.
var yourcontent="<div>your stuff</div>";
window.frames['frame_name'].document.write=yourcontent;
Если вы управляете iframe полностью на стороне клиента, и вам никогда не нужно делать запросы на стороне сервера с помощью этого iframe, вероятно, проще стилизовать div, чтобы он выглядел как iframe (посмотрите на свойство overflow
), где у вас будет гораздо более простой и прямой контроль над содержимым DOM этого div.