当数据使用纯javascript保存在本地存储中时，如何在不同的网页中动态显示表格中添加的表单元素？

// 保存表单数据到本地存储
function saveFormData(formData) {
  var data = localStorage.getItem('formData');
  if (data) {
    data = JSON.parse(data);
    data.push(formData);
  } else {
    data = [formData];
  }
  localStorage.setItem('formData', JSON.stringify(data));
}

// 从本地存储中读取数据并动态生成表格
function displayFormData() {
  var data = localStorage.getItem('formData');
  if (data) {
    data = JSON.parse(data);
    var table = document.getElementById('formTable');
    for (var i = 0; i < data.length; i++) {
      var row = table.insertRow();
      var cell = row.insertCell();
      cell.innerHTML = data[i].name;
    }
  }
}

// 监听表单提交事件
var form = document.getElementById('myForm');
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  var formData = {
    name: form.name.value,
    // 其他表单字段...
  };
  saveFormData(formData);
  form.reset(); // 清空表单
});

// 在页面加载时显示表格数据
window.onload = function() {
  displayFormData();
};