如何在没有 nodejs 的情况下使用 javascript 写入文件

在没有 nodejs 环境的情况下，我们通常使用浏览器提供的 File API 来读写本地文件。这项技术需要 HTML5 的支持，因此我们需要在 HTML 中引入以下代码：

<input type="file" id="file-input">

这会添加一个文件输入框，用户可以通过它选择需要读取的文件。我们可以使用以下代码读取文件内容：

const fileInput = document.getElementById("file-input");
fileInput.addEventListener("change", (event) => {
  const file = event.target.files[0];
  const reader = new FileReader();
  reader.onload = (event) => {
    const content = event.target.result;
    console.log(content);
  };
  reader.readAsText(file);
});

以上代码通过监听 change 事件来获得用户选择的文件，使用 FileReader 对象读取文件内容，然后输出到控制台上。如果需要将读取到的内容写入到本地文件，我们可以使用以下代码：

const fileContent = "write something";
const filename = "output.txt";

const link = document.createElement("a");
link.href = "data:text/plain;charset=utf-8," + encodeURIComponent(fileContent);
link.download = filename;
link.click();

以上代码创建了一个下载链接，通过设置链接的 href 属性以及 download 属性来实现将文本内容下载到本地。其中，data URI 格式的链接可以直接包含文件内容。我们可以通过以上方法将字符串写入到本地文件中。

这就是在没有 nodejs 的情况下使用 javascript 读写本地文件的方法。虽然它不像 nodejs 那样提供完整的文件系统访问功能，但足够满足某些简单的文件读写需求。