Javascript 如何在一个html页面中单击一个div，并让它在另一个html页面中创建一个div？

我在这里找到了这段代码，它允许我通过单击它在不同的部分创建一个div元素，它在同一个html文件中正常工作，如下面的fidle中所示

我的问题是，我想让这段代码在不同的html文件之间工作，我该怎么做

在第一个html中，我有初始div

<div class="section1">
<div id="1" >1</div>
<div id="2" >2</div>
<div id="3" >3</div>
<div id="4" >4</div>
<div id="5" >5</div>
<div id="6" >6</div>
<div id="7" >7</div>
<div id="8" >8</div>

---

欢迎任何帮助。

根据您的评论，您需要的是一个带有服务器端代码的web应用程序。静态html文件不起作用。最后，为了实现您想要的，您必须在用户单击某个div时发送请求（直接或通过AJAX），以便服务器以某种方式“保存”用户的首选项，并相应地显示修改后的页面

这不是一个微不足道的问题，而且肯定是用几行javascript无法实现的。解释如何使用服务器端代码构建web应用程序超出了StackOverflow中的问题范围

编辑我已经阅读了您发布的其他一些评论。所以你想用PhoneGap制作一个应用程序。那么，在这种情况下，也许你可以做些别的事情，使用本地存储

当ser单击div时，使用localStorage.setItem存储有关用户所选内容的信息。LocalStorage是在会话之间存储对象的持久位置。然后，下次打开要显示div的页面时，只需读取localStorage中存储的值（使用localStorage.getItem（）），并使用该值显示正确的div

---

有关本地存储的更多信息，请参阅。我希望这对你有用。只要考虑到当用户在不同的设备上打开应用程序时，这些首选项都不会设置。配置将存储在设备中。

不同页面之间的关系在哪里？它们在同一页的不同框架中吗？它们是父页面和iframe吗？它们是否在浏览器的不同选项卡中？您的“网站”是否在线发布，或者此项目是否在本地计算机上运行？如果在本地计算机上，是否运行XAMPP或WAMP/LAMP/MAMP之类的堆栈？这是很重要的信息，因为解决方案会因您使用的工具而异。它们是一个web项目的不同页面。section1位于'about.html'中，.section2位于'index.html'中。html文件本身通过彼此之间的链接进行链接@OscarPazLocal是一款将使用phonegap编译的web应用程序。我没有使用Wamp，我只是使用ripple来测试结果@那么，如果你在第一页点击一个div，修改后的div什么时候会被修改？用户何时加载它？你想修改影响硬盘中的文件还是类似的？我明白了。我希望能找到一个解决办法。谢谢你的帮助。我很感激@OscarPazI做了一个编辑，也许我发布的内容可以为你服务。

<div class="section2"></div>

    function testclick() {
    var iLoc = $(this).attr("id");
    $('.section2').append(this);
    $('#'+iLoc).off('click', testclick).bind('click',testclick2) ;
}

function testclick2() {

    var iLoc = $(this).attr("id");
    $('.section1').append(this);
    this.off('click', testclick2).on('click',testclick) ;
}
$('.section1 div').on('click', testclick);
$('.section2 div').on('click', testclick2);