将Javacript在DOM中所做的更改保存到html文件
将JavaScript在DOM中所做的更改保存到HTML文件，可以通过以下步骤实现：
- 首先，需要使用JavaScript来获取DOM中的更改内容。可以使用DOM操作方法（如getElementById、querySelector等）来获取需要保存的元素或数据。
- 接下来，可以使用JavaScript中的File API来创建一个新的Blob对象，将DOM中的更改内容作为数据传递给Blob对象。
- 然后，可以使用File API中的FileReader对象来读取Blob对象中的数据。
- 读取数据后，可以使用JavaScript中的XMLHttpRequest对象或fetch API来发送一个POST请求，将数据发送到服务器端。
- 在服务器端，可以使用后端开发技术（如Node.js、Java、Python等）来接收POST请求，并将接收到的数据写入到HTML文件中。具体的实现方式取决于后端开发语言和框架。
- 最后，可以返回一个包含保存成功或失败信息的响应给前端，以告知用户保存操作的结果。
需要注意的是，这种保存方式需要服务器端的支持，因为JavaScript在浏览器中无法直接访问和写入本地文件系统。另外，这种方式只适用于保存到服务器端的HTML文件，无法直接保存到客户端的本地文件系统。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 概念：腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，适用于存储和处理任意类型的文件。
- 分类：云存储服务
- 优势：高可靠性、低成本、安全性高、支持多种数据处理功能
- 应用场景：网站托管、大规模数据备份、静态资源存储、多媒体存储与处理等
- 产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我希望使用javacript或jquery更改整个页面的内容，并显示ajax请求返回的404 html页面。这有可能吗？多么?
浏览 0提问于2015-07-21得票数 0
回答已采纳
我知道我可以在Chrome / Firefox检查器中编辑HTML元素。但是，如何将更改保存到桌面上的本地文件？
浏览 153提问于2014-04-08得票数 4
1回答
在react中有没有办法保存UI并在以后加载它？
我遇到了几种解决方案，比如将UI状态保存到数据库中，但如果您正在构建动态仪表板或页面构建器，则这种解决方案并不明智。
我们也可以从服务器端或客户端使用，数据应该作为道具传递，但在动态仪表板的情况下，这种解决方案将很难实现。
我是个新手，知道有一个解决方案可以将动态内容保存到文件或数据库中，我会非常高兴。
浏览 0提问于2020-06-02得票数 0
我对Javacript单元测试非常陌生。有一件事一直困扰着我。在测试javascript时，我们通常需要执行DOM操作。看起来我正在对Controller/组件中的方法/函数进行单元测试，但我仍然需要依赖于模板中的HTML元素。一旦id(或属性在我的测试用例中曾经是选择器)被更改，我的测试用例也需要被改变！这难道不违反单元测试的目的吗？
浏览 4提问于2013-09-17得票数 19
回答已采纳
1回答
我认为这在CSS中是不可能的，但也许我错了！这是我的HTML：
<div class="thumb_ctn">
<div class="overlay">
<div id="link_text">SOME LINK TEXT</div>
</div>
<figcaption>SOME OTHER TEXT</figcaption>
</div>
在图形标题上方盘旋时，我需要将“覆盖”的不透明度从0更改为1。
对此
浏览 0提问于2016-02-28得票数 0
回答已采纳
我的asp.net页面中有一个SVG标签，它可以通过javacript进行修改。一旦图像被设置成用户的喜好，我希望用户能够通过一个按钮将SVG图像保存到web服务器。我不知道该怎么做。有人能帮我解决这个问题吗？谢谢。
下面是页面上的精简html，让您大致了解我的意思：
<body>
<form id="form1" runat="server">
<svg>
..svg content...
</svg>
</form>
</body>
浏览 4提问于2011-08-01得票数 1
回答已采纳
我想在asp.net中创建一些运行时控件，因此我创建了一个html文件&为此，我使用JAVASCript来重复这些控件。我想保存输入到该control.but中的数据，以及如何将数据保存到.aspx文件中，以及如何将数据保存到数据库.please中。
浏览 0提问于2011-03-04得票数 0
2回答
更改弹出窗口的内容类型
、、、
带来了一个新的：
我有一个html页面，当用户按下“保存”按钮时，我需要它来更改内容类型，以便浏览器提示将文件保存到磁盘。
我一直在服务器端这样做，以提供页面的"excel“版本(基本上是一个html表)。
<c:if test="${page.asExcelAction}">
<%
response.setContentType("application/vnd.ms-excel");
%>
我现在正在尝试做同样的事情，但是在客户端使用javacript，但是我无法做到这一点。
这是我到
浏览 0提问于2009-09-25得票数 2
1回答
我目前正在从事一个移动html5项目。我使用 jQuery验证插件来使用表单验证登录屏幕。我也在使用jQuery移动，带有单页模板(我在单独的html文件中有页面，但是当更改页面时，JQM读取文件并将新的页面内容注入DOM)。我强迫JQM在应用程序中的每一个页面上重新加载页面：
$.mobile.changePage("pageurl", {reloadPage: true});
第一个页面是带有用户名和密码的简单表单的登录屏幕。在第一张照片中，一切都进行得很好:如果按下submit按钮，并且一些字段是空的，验证插件就会发出抱怨。如果所有字段都正常，并按下submit，则对WS
浏览 2提问于2013-03-21得票数 2
回答已采纳
1回答
我想用jquery代码在AngularJS中做一些类似的事情。
x = $(this).next().next().val();
alert(x);
HTML代码是：
<span ng-click="ajax_update_button()" class="glyphicon glyphicon-pencil" style="cursor: pointer; color: red;"></span>
<span ng-click="ajax_delete([[ x.id ]])" style="
浏览 0提问于2016-02-14得票数 0
回答已采纳
我正在尝试跟踪页面中的任何数据更改。
我尝试自己管理它: 1.设置一个dataChanged变量2.页面完全加载后将其设置为false 3.当任何数据字段发生更改时将其设置为true 4.当数据保存到当前页面时将其设置为false
步骤2的生命周期是什么？我试过OnInit，OnViewInit，AfterViewInit，AfterContentChecked，都不适合我。
Angular是否提供了用于检测页面上数据变化的API？有这样的例子吗？
浏览 0提问于2019-02-14得票数 0
3回答
Chrome的“检查元素”HTML编辑器非常容易使用，有很多很酷的功能，我喜欢它的可折叠元素，高亮显示和实时更新，这样我就可以确切地看到发生了什么。通常在我写东西的时候，我会创建一个空文件，然后在Chrome中打开它，这样我就可以从那里开始了。不幸的是，每当我想要保存时，我必须将所有内容复制到文档中，如果我不小心点击了一个链接，我将失去一切。有没有扩展名或者什么东西可以用来保存文件(甚至可以保存到google drive?)我最近连续几次意外丢掉了一大堆工作，所以我需要改变一些东西。我试过支架、atom.io、shiftedit和codepen，但它们都没有Chrome控制台的便利性和特性。
浏览 0提问于2016-05-14得票数 4
我正在尝试使用removeClass()删除html中的现有类，它在IE8和火狐中运行良好，但在IE7中失败。当我在IE7中看到源代码时，这个类仍然存在。下面是我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US&
浏览 0提问于2011-11-19得票数 0
嗨，我需要通过Javacript在此标签更改文本。标签没有class或id，只有属性for。你能告诉我为什么吗？
<label for="phone">Phone<span class="red"><strong>*</strong></span></label>
我试过了，但这会改变表单中所有标签中的文本。
<script type="text/javascript">
$(document).ready(function(){ $('label'
浏览 1提问于2018-01-29得票数 0
回答已采纳
2回答
缓存HTML字符串或DOM元素？
、、、、
我正在用javascript开发一个文件管理器类型的应用程序。我通过ajax请求获取目录的内容，并考虑将其缓存到变量中，以防用户导航到不同的目录，然后返回(因此我不必再次请求列表)。但是，我应该在变量中存储什么呢？HTML元素对象还是HTML字符串？哪个浏览器内存更少？
浏览 6提问于2015-01-11得票数 0
回答已采纳
我正在用PHP和javascript制作一个web应用程序。我有一个表格，其中用户填写他们的详细资料&他们可以邮寄它，用户的详细资料应该是PDF文件中的邮件。为此，我想在我的形式与内容7保存到PDF文件中的特定div的屏幕截图。
或者使用javascript将HTML div & past的内容复制回已经存在的PDF文件中。请帮助我，如果你有任何替代方法，请向我建议。
浏览 0提问于2013-03-29得票数 0
我正在使用Visual为Windows 8开发一个带有HTML/JavaCript的Windows应用程序。我是WinRT的新手。
创建模板时，我的default.html旁边有一个default.html文件夹。我如何：
从另一个目录(如USB驱动器)打开一个图像文件，并将其复制到“我的图像”文件夹中？
在图像文件夹中创建一个子文件夹？
删除图像文件夹中的任何文件/文件夹？
浏览 4提问于2015-02-01得票数 0
1回答
大家好，我在一个js文件中定义了变量。现在，从这个js文件中，我将页面导航到一个html文件，并且我想访问该html文件中的变量。我使用window.location作为：
window.location = "UI/demo/home.html";
但是在home.html中，当我试图访问在js文件中声明的变量时，我得到的变量是未定义的。如果我使用changePage而不是window.location，我会得到变量的值。为甚麽呢？任何建议都将不胜感激。提前谢谢。
浏览 1提问于2012-07-19得票数 0
2回答
我有一个html5 ，允许用户在div之间拖放对象。在用户移动对象之后，我想将当前的DOM保存到我的web服务器上的一个文件中。
我知道我可以使用javascript获得当前的HTML，但当然，我不能使用javascript保存到服务器上的文件。因此，我考虑将html传递到PHP页面，以执行“保存”函数，但我不知道如何将html传递给PHP页面。我尝试用URI编码将其作为URL中的参数发送，但是PHP页面没有正确地从URL获取整个字符串。
这种方法应该有效吗？如果是这样的话，要让html字符串正确地传递到PHP页面，我缺少什么呢？还是我应该用别的方法？
浏览 1提问于2016-03-06得票数 0
回答已采纳
2回答
这个JS试图将html元素保存到myHTML中。但是稍后当该元素发生变化时，变量也会发生变化。
如何保存myHTML的副本以供以后使用？
let myHTML = '';
$('td.label').each(function() {
if (this.textContent === "sign:") {
if (!myHTML) myHTML = this.parentElement;
return false;
}
});
//later the elemnt gets changed
$('td.label
浏览 1提问于2016-08-15得票数 0
回答已采纳
如何显示我使用Chrome开发工具所做的所有更改？
示例：
打开一个网站。
打开Chrome开发工具。
更改标记的样式属性。
向某些css文件添加新样式。
更改JavaScript函数。
如何看待这些变化？类似于：
page.html:56 Change style attribute of foo to bar.
page.css:21 Lines added: 21,22,23,24.
page.js:12 Line modified.
浏览 3提问于2014-07-29得票数 68
我有一个动态菜单，页面是根据这个javacript代码包含的：
<script src="http://code.jquery.com/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#accueil").click(function(){
$('#main').load('
浏览 2提问于2017-09-18得票数 0
我在Mac上使用Chrome 65。我已经在Chrome的'Sources > Filesystem‘标签下设置了一个工作区。我可以编辑文件，Chrome会将这些更改保存到我磁盘上的实际文件中。但我想使用‘元素’标签的实时编辑功能来更改HTML和CSS，并让Chrome保存这些更改。
我找到了很多答案，但都不适用于当前版本的Chrome。
浏览 0提问于2018-03-21得票数 6
1回答
我正在使用Google的puppeteer读取HTML，对其进行一些更改，并将其保存到一个新的HTML文件中。
除了puppeteer将双引号字符(")转义为style属性中的"之外，几乎所有操作都正常。
例如：
style='font-size:11.0pt;font-family:"Arial",sans-serif; color:#D99594'
变成：
style="font-size:11.0pt;font-family:"Arial",sans-serif; color:#D995
浏览 4提问于2019-03-12得票数 3
下面的代码会自动删除我所有的标题和段落，并加载相关的图片。我想要添加图像，而不是替换文本。为什么会发生这种情况？
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p>My paragraph.</p>
<p id="flipDisplay"></p>
<button onclick="display()">Flip the Coin!</button>
<script&g
浏览 0提问于2016-04-01得票数 0
1回答
关于 /-有一点我不明白。关于来自phusick的示例，登录对话框类调用对话框(“dom.byId- template”)-“对话-模板”是来自脚本的id，它是对话的模板，应该出现在html模板中，而不是主html中。因此，如果我删除它，对dom.byId的调用将失败
所以我的代码结构如下
main.html ( calls Only main.js is calls nothing nothing) main.js (包含以下内容)
require([
"dojo/_base/declare","dojo/_base/lang","dojo/o
浏览 0提问于2013-01-04得票数 0
回答已采纳
我正在创建一个个人website.So，它是一个非常轻量级的网站！
网站使用jquery heavily.So如果目标浏览器没有启用javascript，我的网站将无法工作。为了解决这个问题，我使用了这个html
<html>
<head>
<script>
window.location.href="javascriptEnabled.html";
/*Since javascript is enabled redirect to javascript based page*/
</script>
</head>
浏览 0提问于2012-09-16得票数 1
回答已采纳
我已经为主页的一个元素编写了javacript和html/css。我已经尝试将js文件放入根目录，并将其“包含”在头文件中。我已经使用gutenberg设计了我的页面，我想在其中添加这个元素。有人能帮我吗？它有一堆js和jquery代码，以及用于style和flexbox html的css。我的pc上有.js .css和.html文件，我的网站在本地主机上。我的主题是阿斯特拉免费版本。
浏览 0提问于2021-10-10得票数 0
1回答
我了解如何通过Node.js向客户端提供超文本标记语言页面。现在，我正在寻找一种在服务器端以编程方式生成Html的方法(然后对它做任何我想做的事情:保存到文件，发送到客户端)。类似于在客户端使用document.createElement或jQuery等方法执行相同的操作。
如何使用Node.js生成可编程的超文本标记语言？(当然，我指的不是硬编码的Html写入文件)。
浏览 0提问于2015-01-19得票数 3
1回答
我正在尝试将dom对象保存到我的c: drive文件夹中...但是我怎样才能做到这一点呢？我读了很多文档，但都做不到。请帮帮我！
$html = new simple_html_dom();
$html->load_file($newurl);
foreach($html->find('img') as $img){
$path = "../folder/";
$file = file_get_html ($img->src);
$file->save($path); //1st method, fails
浏览 2提问于2013-07-10得票数 1
回答已采纳
2回答
我有一个很大的故事html文件。
<p>标记不是闭合的，例如：
<p> First paragraph
<p> Second paragraph
我希望有一个合适的XHTML文档：
<p> First paragraph</p>
<p> Second paragraph</p>
我能用jQuery实现这一点吗？
谢谢
浏览 1提问于2010-08-23得票数 0
回答已采纳
5回答
Web应用程序的瓶颈
、、、
我正在开发一个使用django，postgreSQL，html5和javascript的web应用程序。应用程序是javacript密集型的，并且是读/写密集型的。常见的瓶颈是什么？在设计具有良好伸缩性的web应用程序时，需要牢记哪些事项？提高性能的一些技巧是什么？
谢谢!
浏览 1提问于2011-10-31得票数 2
回答已采纳
快速的问题是，是否有一种方法可以精确地指定在php中从ob_get_contents()中提取哪些内容。
我有以下代码..。但还是没有运气..。
$no = mt_rand(100,10000);
$page = ob_get_contents();
$custompage = preg_match('/<body[^>]+./','', $page);
ob_end_clean();
$filename1 = $no.'doc.html';
$f = fopen('./view/'.$filename
浏览 1提问于2014-12-07得票数 0
回答已采纳
1回答
我有一个大背景封面。
<div id="cover">
...
</div>
和CSS
#cover {
background:url('cover.jpg') no-repeat fixed center center / cover;
height: 350px;
width: 100%;
}
预期输出：背景图像大小调整为350 px100%(在我的示例中为350x900)，应该具有基于<div id="cover"></div>的滚动效果。
实际输出：将背景图像
浏览 2提问于2014-08-27得票数 1
Ajax将从php代码返回所有预期的html结果，除了"script“标记中的javacript和jQuery之外。
var frm = $('#cell');
frm.submit(function (ev) {
$.ajax({
type: "POST",
type: frm.attr('method'),
url: frm.attr('action'),
data: frm.serialize()
浏览 1提问于2014-11-06得票数 0
回答已采纳
将输入的值保存到localStorage时出现错误
res.html不是一个函数
这是我的代码：
Enter Text: <input type="text" id="inp" onchange="myFunction()">
<div id="result"></div>
<script>
var inp = document.getElementById('inp');
var res = document.getElementById('re
浏览 3提问于2016-02-12得票数 0
回答已采纳
也许闭包是我的解决方案？不过，我不太确定该怎么做。
代码设置如下：
var globalVar = '';
var globalVar2 = '';
function func()
{
if (condition)
func2(globalVar)
else
func2(globalVar2)
}
在func2()中，我将主容器中的一些超文本标记语言缓存到适当的全局变量中，然后传递给它。基本上，我有一个主容器，根据他们选择的选项卡保存不同的页面。为了提高性能，我希望将页面缓存到全局变量中，因此我需要知道哪个选项卡处于活动状态
浏览 3提问于2010-05-19得票数 0
回答已采纳
我打开了一个网页()并查看了它的源代码。然后我将页面保存到我的计算机上，然后在编辑器中打开它(崇高的文本2)。现在，两个文件中的HTML内容是不同的。我想这是故意的，但我不知道为什么。
在这两个HTML版本中，哪一个是我可以使用的参考HTML，以防我想开发类似的网页？
不同之处不仅在于URL，还包括下载时添加的附加代码段。
原始车身标签：<body>
下载后：<body class=" pace-done"><div class="pace pace-inactive">
浏览 3提问于2014-08-31得票数 1
回答已采纳
2回答
到目前为止，我正在使用curl沿着w3m和sed提取像w3m这样的网页的一部分。我想忽略所有其他的标题(例如。<a></a>，<div></div>)。只不过我现在做的很慢。
curl -L "http://www.somewebpage.com" | sed -n -e '\:<article class=:,\:<div id="below">: p' > file.html
w3m -dump file.html > file2.txt
上面的这两行非常慢，因为
浏览 4提问于2013-12-25得票数 1
回答已采纳
在像google chrome这样的浏览器中，当我想获取页面信息时，我只选择查看页面源，但是在一些使用javascript的站点中，您不能这样做，所以我发现，在任何元素上，比如按钮和选择its元素，它都会显示我所需要的信息，它非常棒，但是我想自动地这样做--例如，对于使用html的简单页面，我只需要使用wget将页面保存到文本中，以便以后进行分析，但是对于使用javascript和css的不可能的页面，因此，我的问题是有一个工具或任何方法来获取我需要的信息并将其保存为文本，比如我指定站点和元素(按钮)，它将下载代码并将其保存到文本中。
浏览 3提问于2012-07-05得票数 0
代码
<asp:RadioButtonList ID="rdStatus" onclick="javacript:display();" runat="server" RepeatDirection="Vertical">
<asp:ListItem Text="Temporary Waiver" Value="T" Selected="True"></asp:ListItem>
<asp:ListItem Text="Nev
浏览 3提问于2013-09-23得票数 0
回答已采纳
我想使用javacript简单地查看特定的HTML表单(即单选按钮)，查找用户的选择，然后以各种方式进行响应。
javascript是否可以读取表单的用户输入或选定的响应？
浏览 5提问于2014-11-07得票数 0
回答已采纳
在一个返回saveHTML()的类中有几个函数。在类saveHTML()中回显多个函数之后，它会重复一些HTML。我最初通过做saveHTML($node)来解决这个问题，但现在看来这不是一个选择。
我不知道saveHTML($domnode)只在PHP5.3.6中可用，我无法控制上传文件到的服务器，所以现在我必须使它与PHP5.2兼容。
为了简单起见，它只显示了我的问题，它看起来类似于以下内容：
<?php
class HTML
{
private $dom;
function __construct($dom)
{
$this->do
浏览 1提问于2011-06-04得票数 7
回答已采纳
使用本地存储，我制作了一个简单的待办事项列表，可以添加和保存项目。单击“removeButton”时，我希望删除项，但我不确定如何获取列表项的索引，以便使用“array.splice”从“toDoArray”中删除该项。
JSFiddle：
谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>to do</title>
</head>
<body>
浏览 7提问于2017-02-26得票数 1
回答已采纳
我正在使用Firefox和Firebug开发工具。 是视图源中显示的HTML(Ctrl + U)与我在使用Firebug检查元素时看到的HTML不同？ 两者有什么不同？
浏览 365提问于2018-02-07
回答已采纳
我有一个完全开发的jquery组件，如。
我的组件在浏览器中运行速度似乎很慢(而不是日历)。所以我想使用nodeJs在服务器上运行它。
我想做服务器中的所有dom操作，只有html页面必须发送到浏览器。似乎一切都是可能的，如果我从零开始，但我不想这样做。以下是我计划做的事
如果用户输入url，则必须访问服务器。
然后，在服务器中，所有Js和css都必须编译。
然后，它必须将html文件返回到浏览器。
当用户再次执行某些操作时，它必须命中服务器并执行所有更改，然后将其发送到服务器。
有人能告诉我如何做到这一点或任何其他最好的方式来获得我想要的吗？一个简单的演示应用程序会更
浏览 4提问于2013-02-25得票数 3
回答已采纳
1回答
我有一个动态PHP页面，在按钮上点击更改链接到它的css文件，我已经完成了将选择的css文件保存到会话中，所以用户将在他的会话期间始终拥有所选的css文件。
我的问题是，在编辑了链接html元素-in中的href元素之后，命令链接了新选择的文件--我使用了saveHTML()函数来保存编辑的版本，结果是灾难性的，页面上有两个所有元素的副本，我的意思是两个横幅，两个提交按钮，所有的东西都被复制了！
我的代码如下所示：
<!--CSS Theme-->
<link id = "theme" rel="stylesheet" type="t
浏览 0提问于2011-03-17得票数 0
回答已采纳
1回答
我实现了主复选框(在表标题中)和条目复选框(在表行中)的行为，下面是我的html：
<div class="container main" ng-controller="ParamCtrl as param">
.
.
.
<form>
<thead>
<input type="checkbox" ng-model="param.masterCheckBox" ng-click="param.clickMa
浏览 3提问于2014-10-06得票数 0
回答已采纳
5回答
我有以下html代码：
<h3 id="headerid"><span onclick="expandCollapse('headerid')">⇑</span>Header title</h3>
我想在每次用户单击span标记时在向上箭头和向下箭头之间切换。
function expandCollapse(id) {
var arrow = $("#"+id+" span").html(); // I have tried with
浏览 0提问于2008-08-27得票数 11
回答已采纳
1回答
背景:我更喜欢将我所有的CSS和Javascript保存在单独的.css/.js文件中。(原因是它们由许多页面共享，因此通过这种方式，这些文件中的静态数据不会在每个页面视图中传输)。这导致一些页面具有5-6个“链接关系”或“脚本类型”语句。
现在，通常情况下，这意味着浏览器将为每个css/js文件发出单独的请求，并且有效的页面加载时间可能会增加-例如，对于5个往返请求，将变为5倍(如果我在这里错了，请纠正我)。
我的问题是：
1)现代浏览器是否默认请求保持连接？
2)如果有，是否意味着额外的文件源(css/js)不会增加有效加载时间？例如，服务器是否会假设浏览器将请求css/js文件，并因此继
浏览 1提问于2010-11-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
