Задача:
Когда моя домашняя страница загружается, я хочу загрузить страницу нормально. После запуска всех сценариев я хочу использовать Jquery для вставки IFrame в тело и использовать его для клонирования текущей страницы. (Почему? Поэтому у меня может быть часть страницы, которая не перезагружается между страницами на моем сайте.)
Я могу внедрить iframe и успешно клонировать страницу, используя атрибут src, однако это приводит к тому, что все содержимое страницы загружается дважды (один раз, когда страница загружается в первый раз, и снова, когда скрипт вводит iframe).
Итак, я хотел бы использовать JQuery для клонирования текущей страницы (заголовок и тело) и либо добавить ее в Iframe, либо использовать новый атрибут html5 srcdoc.
В настоящее время я не испытываю радости ни от одного маршрута. Позвольте мне изложить два метода здесь:
Клонировать и добавить
// Get the width & height of current window
wwidth = $(window).width();
wheight = $(window).height();
// inject the iframe
$("body")
.append(
'<iframe seamless ' +
' class="hidden" id="iframe" border="0" frameborder="0" width="'
+ wwidth + '" height="' + wheight + '"></iframe>'
+ '<div id="temp"></div>'
);
// Attempt to replace iframe contents with current page contents
$('iframe').contents().replace( $("html").clone().not("iframe") );
Это вставляет iframe, но не заменяет содержимое.
Использовать SRCDOC
// Same as above bu this part
// Attempt to set iframe contents with srcdoc
$('iframe').attr("srcdoc" , $('html').clone() );
Производит результат srcdoc = "[object] [Object]"
P.S. Я пытался добавить тег srcdoc, но не могу. Кто-то с более высокими баллами, пожалуйста?