时间戳

首页 > 解决方案 > 仅在标头中使用 JavaScript 重写 HTML 文件

javascript - 仅在标头中使用 JavaScript 重写 HTML 文件

问题描述

我有一个包含以下代码的 HTML 文件：

<html>

  <head>

    <script>

      function saveTextArea() {

        var newText = document.getElementById("textArea");

        <!-- rewrite this file with <textarea id = 'textArea'> newText </textarea> -->

      }

    </script>

  </head>

  <body>

    <button id = 'saveBtn'>Save</button>

    <br>

    <textarea id='textArea1'>MyText</textarea>

  </body>

</html>

我的用例是：在浏览器中，我重写了 textarea 中的内容。之后，我按下保存按钮。在那一刻，我想用 textarea 中的新文本重写我的 HTML 文件，这样在重新打开 HTML 文件时它将有一个新文本。

我想在没有额外文件的情况下做到这一点。可以仅在标头中使用 javascript 来完成吗？如果是，如何？

标签： javascripthtml

解决方案

不，如果没有任何服务器端代码，这是不可能的，因为当浏览器请求文件（如http://localhost/index.html）时，服务器会返回该文件的副本index.html。如果您对 Document(DOM) 进行更新（通过 javascript），它将不会反映在原始位置。静态文件也是如此file:///path/to/somefile.html

。最后要注意的是，您无法somefile.html在浏览器中使用 javascript 更新真实文件（）您使用 javascript 进行的每次更新都是临时且非持久的

推荐阅读