为下面的程序添加数据保存功能,以便下次打开时,显示原有数据

为下面的程序添加数据保存功能,以便下次打开时,显示原有数据。



    
        
        
        
        
    
    
        
图书名称 图书价格 操作
javaSE 19
javaEE 29

添加一个数据保存功能和打开时的数据读取功能,修改后的程序如下:



    
        
        
        
        
    
    
        
图书名称 图书价格 操作
javaSE 19
javaEE 29

修改说明:

  1. 页面加载时恢复数据:使用 window.onload 事件,在页面加载时从 localStorage 中获取之前保存的表格数据,并将其设置为表格的 innerHTML
  2. 保存数据到 localStorage:创建了一个 saveTableData 函数,用于将表格的 innerHTML 保存到 localStorage 中。
  3. 在关键操作后保存数据:在 addNodesaveVal 和 removeNode 函数中调用 saveTableData 函数,确保每次数据发生变化时都能保存到 localStorage 中。

通过这些修改,用户输入的信息将被保存到 localStorage 中,再次打开页面时会显示之前保存的数据。

你可能感兴趣的:(前端,javascript,html)