javascript - как скопировать содержимое div на другую страницу

Question

Я хотел бы сделать автоматическую копию содержимого div со страницы 1 и вставить его в div на странице 2? Какой лучший, самый простой способ достичь этого?

Answer 1

Для JavaScript только и с поддержкой HTML5,

Page 1:

var pageContent = document.getElementById("myDiv1").innerHTML; 
sessionStorage.setItem("page1content", pageContent); 

Page 2:

document.getElementById("myDiv2").innerHTML=sessionStorage.getItem("page1content"); 

Answer 2

В зависимости от ваших требований вы можете сохранить значение div в LocalStorage при копировании для копирования, а затем прочитать его из LocalStorage, когда они нажимают кнопку paste. Это самый легкий.

К сожалению, если вы хотите на самом деле положить что-то в буфер обмена своей системы, вам нужно будет использовать Flash.

Answer 3

Я думаю, что самый простой способ сделать это - использовать iframe. Вы просто просматриваете содержимое страницы1 и показываете его на стр. 2.

Быстрый пример:

<iframe name="inlineframe" src="pag1.html" frameborder="0" scrolling="auto" width="500" height="500" marginwidth="5" marginheight="5" ></iframe> 

Это один 'простой' решение. Но, конечно, есть и другие методы. Это решение легко, потому что вам не нужен jquery.

Answer 4

Это легче сделать с JQuery, но вы можете получить HTML в виде DIV с помощью innerHTML как таковой:

var div1 = document.getElementById('div1'), 
div1html = div1.innerHTML; 

Копирование его в DIV на различной страницы, однако требует некоторой работы ..

Я знаю, что это не полностью отвечает на ваш вопрос, я просто даю вам некоторое представление о том, как получить html элемента. Копирование его, используя JS, мог бы что-то вроде этого:

var div2 = document.getElementById('div2') 
div2.appendChild(div1.cloneNode(true));