3

Глобально объявляю переменную var Frame=null;, затем по событию создаю и заполняю его содержимым:

Frame = document.createElement("iframe");
Frame.id = "iframe";
Frame.style.width = "30%";
Frame.style.height = "30%";
Frame.src = targetlink;
document.body.appendChild(Frame);

В нем пользователь может выполнить какие-то действия и соответственно его содержимое изменится.
В какой-то момент, пользователь наживает кнопку на основной странице и содержимое фрейма должно отобразиться на самой странице, а фрейм закрыться.

Попытка сделать вот так: document.body = Frame.document.body; не работает. Как правильно перенести содержимое фрейма?

1 ответ 1

0
<button onclick='drag()'>перенести</button>
var Frame = null;

Frame = document.createElement('iframe');
Frame.id = 'iframe';
Frame.style.width = '30%';
Frame.style.height = '30%';
Frame.src = targetlink;
document.body.appendChild(Frame);

function drag() {
    Frame.outerHTML = Frame.contentWindow.document.body.innerHTML;
}

Или можно воспользоваться получением содержимого сайта

function drag() {
    getHTML('http://ru.stackoverflow.com', function(html) {
        Frame.outerHTML = html;
    });
}

function getHTML(url, c) {
    request(new XMLHttpRequest());

    function request(xhr) {
        xhr.open('GET', 'https://crossorigin.me/' + url, true);
        xhr.send();
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200) {
                c(xhr.responseText);
            }
        }
    }
}
1
  • Не все сайты дают использовать iframe или переносить к себе. iframe checker в помощь. Проверял на localhost. Стоит понимать, что перенесение содержимого из iframe может повлиять на отсутсвие картинок или других загружаемых элементов из-за ссылок внутри фрейма
    – Doofy
    4 июл 2016 в 17:23

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.