一种解决该问题的常见方法是将编辑功能重构,以允许在文件的本地存储中保留历史记录,并将每次更改保存为新条目。这可以通过使用一个数组来实现,其中数组的每个元素都存储了一个文件的版本,如下代码所示:
function saveFile() {
var fileName = document.getElementById('filename').value;
var fileContent = document.getElementById('filecontent').value;
// check if file already exists in local storage
var files = JSON.parse(localStorage.getItem('files')) || [];
var fileExists = false;
for (var i=0; i
在这个例子中,每当用户保存一个文件时,都会检查该文件是否已经在本地存储中存在。如果是,那么该文件的内容将被更新。否则,将会创建一个新的数组项来存储该文件。在加载文件时,只需按文件名遍历存储的文件数组,找到并显示所需的文件即可。如果要删除文件,则只需按文件名遍历文件数组,并删除文件的相关内容。
通过这种方式,您可以避免在编辑文件时覆盖存储的所有历史记录,并可以轻松地管理所有文件的版本历史记录。