Question

我想从第1页开始自动复制div内容并将其粘贴到第2页的div中？什么是实现这一目标的最佳，最简单的方法？

Answer 1

仅限javascript且支持HTML5，

第1页：

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

第2页：

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

Answer 2

根据您的要求，您可以在剪切复制时将div的值保存在LocalStorage中，然后在单击粘贴时从LocalStorage中读取它。这是最简单的。

不幸的是，如果你想在他们系统的剪贴板上放置一些东西，你需要使用Flash。

Answer 3

我认为最简单的方法是使用iframe。您只需查看page1的内容并在第2页显示。

一个简单的例子：

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

这是一个“简单”的解决方案。但当然还有其他方法。这个解决方案很简单，因为你不需要jquery。

Answer 4

使用jQuery更容易完成，但你可以使用innerHTML获取div的html：

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

将其复制到不同页面上的div但是需要一些工作..

我知道这不完全回答你的问题，我只是给你一些关于如何获取元素的html的见解。使用JS复制它可能会是这样的：

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