我正在尝试创建一个带有选项卡菜单的网页。我希望能够动态地添加和删除选项卡(和其他内容)。这里有一个我想要的完美例子:http://www.dhtmlgoodies.com/index.html?whichScript=tab-view。我希望新创建的选项卡通过页面加载是持久的。如果我添加一个标签并刷新，我希望标签仍然在那里。如果我关闭浏览器并在一个月后重新加载页面，我希望标签和任何内容仍然在那里。此页面仅供个人使用，将托管在我的计算机上，仅通过浏览器访问，而不是任何类型的web服务器。虽然我不反对使用web服务器，如果我需要。
查看代码似乎"添加标签"功能只是将HTML添加到内存中的页面，但我需要它永久地改变页面的HTML。是否有一种方法可以将DOM的动态更改写回磁盘?我不太确定该怎么做，花了一周的时间搜索了太多的语言和实现选择。我不是一个有经验的网页开发人员，有这么多不同的方法来创建网页和这么多的新术语，我现在有点超载了。
我确实意识到这有点超出了一个典型网站的范围。让客户端更改服务器端上的数据通常不是一个好主意。但是因为我是唯一一个使用这个的人，而且它不会从互联网上访问，所以安全不是问题。
我不反对任何特定的脚本语言，但我想让它尽可能简单。例如:一个HTML页面，一个CSS，也许还有一个脚本文件。只要有必要。我也不反对自己阅读和学习，所以有人给我指出正确的道路对我来说很好。
如果您需要一个非常可靠的方法，那么您将需要有这些选项卡存在的一些记录。这意味着要有一个数据库，它知道选项卡存在，它是哪个选项卡，以及它包含什么内容。Html5的本地浏览器存储(不要与cookie混淆)也是一个可行的解决方案，但浏览器兼容性是一个问题(目前)。
您还需要某种"用户帐户系统"，以便您知道哪些用户打开了这组选项卡。否则，如果你有一个单一的"标签列表"，每个人都会打开相同的标签!
对于动态html和js的"标签添加"，你是在正确的位置。您需要PHP与MySQL数据库进行交互。如果PHP在服务器端从浏览器接收到的数据如下所示:
- 知道哪个用户登录了
- 他选择了什么操作(添加或删除标签)
- 向数据库添加或删除记录
- 回复成功或错误，以发生的为准
对于MySQL，你需要为你的"选项卡列表"创建一个数据库表。这个列表必须有:
- 用户id(了解列表中哪个用户做了什么)
- 标签id(知道列表中哪个标签是哪个)
- 标签内容(它可能是iframe，实际html，文本等的链接)
朋友，当您谈到关闭浏览器而不丢失数据时，您谈论的是数据持久性或数据持久性。换句话说，您必须将数据保存在某个地方，并在下次加载它。
对于存储，您可以使用平面文件(简单的文本文件)、数据库、XML文件等。但是，您需要学习如何将新选项卡的信息和内容保存在某个地方，并在下次加载它。