Javascript 将HTML控件从一个页面移动到另一个页面

我正在从事一个有4个选项卡式视图（单独的HTML页面）的项目。每个视图都有一堆使用d3.js实现的SVG图表。现在，客户需要一个功能，可以将图表从一个选项卡式视图剪切粘贴/移动到另一个选项卡式视图。实现这一点的最佳方法是什么？我已经使用interact.min.js在页面限制内调整和拖动/移动图表

---

此项目为脱机格式，即不使用任何服务器端语言。您的所有建议都应考虑到这一点。目前，所有视图都是通过单击本地文件系统中存在的文件夹中的html页面来启动的。

我想这可能会对您有所帮助。您可以用HTML2选项卡替换整个HTML1，反之亦然

HTML

<div id="div1"> HULK </div>

<div id="div2">THOR </div>

<input class="button" type="button" value="Replace THOR with HULK">

我想这只是一个对你有帮助的想法

---

我想这可能会对你有所帮助。您可以用HTML2选项卡替换整个HTML1，反之亦然

HTML

<div id="div1"> HULK </div>

<div id="div2">THOR </div>

<input class="button" type="button" value="Replace THOR with HULK">

我想这只是一个对你有帮助的想法

---

我认为这些工具不会有任何类似的功能。您需要做的可能是创建一个“导出控件”按钮，该按钮将序列化控件并将其存储在浏览器或会话cookie中，然后创建一个“导入控件”按钮，该按钮将收集cookie信息，并将其放在新页面上控制列表的底部，在那里它可以正常拖动到位。@我认为交互性是客户端的关键，但仍然在后台使用导出/导入逻辑可以帮助我实现这一点！！！您可以考虑向每个控件添加右键上下文，其中包括“发送到页面1、发送到页面2等”，这将自动触发导出、重定向和导入操作，并且所有客户端都需要从拖动到首选点。或者右键单击->导出，这将弹出一个向导，选择页面以及顶部还是底部。@这是一个值得朝某个方向移动的解决方案！！！！！！我认为这些工具不会有任何类似的功能。您需要做的可能是创建一个“导出控件”按钮，该按钮将序列化控件并将其存储在浏览器或会话cookie中，然后创建一个“导入控件”按钮，该按钮将收集cookie信息，并将其放在新页面上控制列表的底部，在那里它可以正常拖动到位。@我认为交互性是客户端的关键，但仍然在后台使用导出/导入逻辑可以帮助我实现这一点！！！您可以考虑向每个控件添加右键上下文，其中包括“发送到页面1、发送到页面2等”，这将自动触发导出、重定向和导入操作，并且所有客户端都需要从拖动到首选点。或者右键单击->导出，这将弹出一个向导，选择页面以及顶部还是底部。@这是一个值得朝某个方向移动的解决方案！！！！！！问题是要移动的div可能位于不同的页面上，因此您的解决方案根本不起作用。这将只适用于DOM中存在的对象，而对于用户不在的页面，它们将不起作用。我只是给出了一个想法，相同的概念将用于页面，您必须将HTML临时保存到其他地方。就像你说的那样。@AmiteshKumar。当跨越页面边界时，应用它是很困难的，我们甚至不能预先假定正在移动的图表的目标着陆位置！！顺便说一句，欢迎你的建议！！问题是要移动的div可能位于不同的页面上，因此您的解决方案根本不起作用。这将只适用于DOM中存在的对象，而对于用户不在的页面，它们将不起作用。我只是给出了一个想法，相同的概念将用于页面，您必须将HTML临时保存到其他地方。就像你说的那样。@AmiteshKumar。当跨越页面边界时，应用它是很困难的，我们甚至不能预先假定正在移动的图表的目标着陆位置！！顺便说一句，欢迎你的建议！！