javascript - 保存其内容的 HTML 页面，替换 HTML 文件本身

Question

我必须创建一个自动保存其内容的 html 页面。

此页面只是 4 天的事件报告，应该由某些用户更新。

此页面将仅使用 3/4 天(转到实时摘要状态页面，这就是我的全部)。所以我不想在后端浪费时间，但我想做一些像技巧一样的事情客户端、Javascript 和 HTML。

我想做什么:

一个用户访问页面，这个页面发布在我们的内部服务器上，更新任务状态并保存页面!我想通过两种方式做到这一点:

• 每当我按下保存按钮时，它只会用新内容替换旧的 html 内容(替换 html 文件本身)
• 将内容保存在计划文件中，每次使用页面时都会加载该文件，这第二种选择显然需要更多的工作..

有什么建议吗？我的意思是，有什么东西可以帮助我在短时间内做到这一点吗？我有大约 2 天的时间来完成这个:(

更新: 伙计们，也许我没有很好地解释自己，如果我只是这样想，我是不是想错了:

Javascript 函数，当您单击保存按钮时，用包含已更新行的新文件替换旧的 html 服务器文件...

简单简单简单...!我是后端开发人员.. 没有太多关于漂亮样式的前端页面的经验:)

更新:根据你的回答，我假设没有后端逻辑，即使是轻逻辑，也无法做到这一点，但仅通过客户端实现这一点是不可能的脚本..我已经想到了这一点，但我希望有某种技巧可以做到这一点而无需在服务器端放置任何东西.. :(

Answer 1

最后，因为我们可以使用 PHP，所以我们决定这样做:我们把它放在一个名为“prova.php”的文件中，然后启动它。此文件显示“file.html”的内容并保存在“salva.php”中发送数据以保存。

 <?php include('file.html');?> 

 some added string
 </div> 

 <button onclick="save()">SAVE</button> 

 <script> 


 function save(){ 

 var newData=document.getElementById("myText").innerHTML; 
 $.post( "salva.php", { data: newData} ); 
 } 
 </script>

要保存的文件名为 salva.php，接收字符串并保存在名为“file.html”的现有文件中。

<?php


$stringa=$_POST['data'];

$ourFileName = "file.html";
$ourFileHandle = fopen($ourFileName, 'w') or die("can't open file");
fwrite($ourFileHandle,$stringa);
fclose($ourFileHandle);


?>

file.html 是一个开头什么都不包含的文件