github-page静态网页将字符串写入github库中文本文档

Question

本人初中刚毕业，试着学学HTML给班级写个简单的 回忆网站（准备用github-page）。现在网站表白墙的开发出现问题，需要一项技术：使用JavaScript、HTML或者CSS（只有这三种语言，静态网页，不支持ActiveX插件）需要将一个JavaScript字符串追加到一个本地文本文件里，直接用原字符串追加。并且在另一个HTML+JavaScript文档要求能要可以逐行读取这个文档的信息。以下是从表单输入内容抓取信息的JavaScript代码

补充：这个githubpages只支持HTML、CSS和JavaScript，没有php等后端支持；
同时，提交的网页会存储在githubpages上，所有人要都能浏览到表白墙上的信息。在githubpages上使用JS，只需要修改在github库中的一个文本文件就可以了

感谢各位

Answer 1

引自免费微信小程序：皆我百晓生

关于你的问题，将字符串写入本地文档并从另一个HTML+JavaScript文档中读取这个文档的信息，在静态网页环境中，由于安全和隐私的限制，浏览器不允许直接对本地文件进行读写操作。因此，使用纯HTML、CSS和JavaScript是无法实现这个需求的。

但你可以考虑以下两种解决方案：

1. 使用服务器端语言（如PHP、Node.js等）来处理文件读写操作。你可以通过表单将数据提交到服务器，服务器处理后将数据写入文件，然后再返回给客户端。这种方式需要一定的服务器开发知识。
2. 使用Web存储（Web Storage API）或Cookies来存储数据。这种方式是在客户端存储数据，而不是写入本地文件。你可以将表单数据存储在Web存储或Cookies中，然后在另一个页面读取并显示这些数据。这种方式不需要服务器支持。

对于你的图1内容，你可以使用以下方式改进：

1. 修正语法错误：

function check() {
  var con = document.getElementById('spe').value;
  var spa = document.getElementById('spp1').value;
  var spb = document.getElementById('spp2').value;
  if (con === null || con === "") { // 这里应该使用===来判断null或空字符串
    alert("ERR ! NO DATA");
    return;
  }
  var text = con + ',' + spa + ',' + spb;
  console.log(text);
  alert("提交成功！");
  window.location.href = 'loverwall.html';
}

关于将数据存储到本地文件并逐行读取的需求，由于静态网页的限制，无法实现。你可以考虑使用服务器端语言或Web存储/Cookies来实现。如果你选择使用Web存储，可以使用以下代码将数据保存到本地存储：

// 保存数据到本地存储
localStorage.setItem('data', text);

在另一个HTML+JavaScript文档中，你可以使用以下代码读取并逐行处理这些数据：

// 读取本地存储中的数据
var data = localStorage.getItem('data');
// 按行处理数据（假设每行数据由逗号分隔）
var lines = data.split('\n'); // 按行分割数据
for (var i = 0; i < lines.length; i++) {
  var values = lines[i].split(','); // 按逗号分割每行数据
  // 处理values数组中的数据...
}

请注意，这些解决方案都需要对JavaScript有一定的了解，并且可能需要进一步的调试和调整才能在你的具体环境中正常工作。希望这些信息对你有所帮助！如果你有任何其他问题或需要进一步的帮助，请随时提问。