JS修改HTML文件后怎么保存被修改的HTML

ABSOLUTE__ 发布于 2014/06/16 21:26
阅读 2K+
收藏 0
请问,我用Javascript修改了某个HTML文件的内容,比如我在一个<div id=“1”></div>标签里加了一个新标签<p>Hello World!</p>,结果变成<div id="1"><p>Hello World!</p></div>。然后我想保存这个HTML,用Javascript怎么实现?

以下是问题补充:

@ABSOLUTE__:最终是要把HTML保存成静态网页,下次再打开这个HTML文件时即使没有用Javascript,网页的内容页是修改后的内容。 (2014/06/17 20:17)
@ABSOLUTE__:最终是要把HTML保存成静态网页,下次再打开这个HTML文件时即使没有用Javascript,网页的内容也是修改后的内容。 (2014/06/17 20:18)
加载中
0
blindcat
blindcat
前端js做不到吧?
0
pantrick
pantrick
如果保存本机肯定是不行的,如果想保存到服务器是可以做到的,用ajax提交数据即可
0
純白陰影
純白陰影
右键查看页面元素,全选,复制,粘贴
0
梦想岛
梦想岛
提交到jsp,php,.net, 然后程序头改成下载类型的
0
陈阳阳阳
陈阳阳阳
JS不能保存,传到服务端保存吧。
0
chenzhicai
chenzhicai

<div id="d1"></div>
<script>
(function createCommandMoudl(){
CommandModul = {
valueDatas:[], //这里放的是键值对的对象{key:"mykey",value:"myvalue"}
changValue:function(theId,value){
document.getElementById(theId).innerHTML = value;
},
getValue:function(valueKey){
/*取数据 */
valueDatas = this.valueDatas;
var theValue = null;
for(var i=0; i<valueDatas.length; i++){
if(valueDatas[i].key == valueKey){
theValue = valueDatas[i].value;
}
}
return theValue;
},
saveValue:function(valueKey,value){
var self = this;
/*在存数据前,我们先检查一下这个数据是否已经存在*/
if(!(self.getValue(valueKey))){
var _theValueObject = {
key : valueKey,
value : value
};
self.valueDatas.push(_theValueObject);
}

}
}
})();


CommandModul.changValue("d1","<p>Hello World!</p>"); //修改d1的值
CommandModul.saveValue("k1","<p>Hello World!</p>");   //保存这个值
var gv = CommandModul.getValue("k1"); //取得这个值
console.log(gv);  //输出<p>Hello World!</p>


</script>


0
JillLiu
JillLiu
将数据传到Server,Server做保存
0
ABSOLUTE__
ABSOLUTE__

引用来自“chenzhicai”的评论

<div id="d1"></div>
<script>
(function createCommandMoudl(){
CommandModul = {
valueDatas:[], //这里放的是键值对的对象{key:"mykey",value:"myvalue"}
changValue:function(theId,value){
document.getElementById(theId).innerHTML = value;
},
getValue:function(valueKey){
/*取数据 */
valueDatas = this.valueDatas;
var theValue = null;
for(var i=0; i<valueDatas.length; i++){
if(valueDatas[i].key == valueKey){
theValue = valueDatas[i].value;
}
}
return theValue;
},
saveValue:function(valueKey,value){
var self = this;
/*在存数据前,我们先检查一下这个数据是否已经存在*/
if(!(self.getValue(valueKey))){
var _theValueObject = {
key : valueKey,
value : value
};
self.valueDatas.push(_theValueObject);
}

}
}
})();


CommandModul.changValue("d1","<p>Hello World!</p>"); //修改d1的值
CommandModul.saveValue("k1","<p>Hello World!</p>");   //保存这个值
var gv = CommandModul.getValue("k1"); //取得这个值
console.log(gv);  //输出<p>Hello World!</p>


</script>


你这个修改还是在内存中进行,并没有把修改后的HTML保存到本地。
返回顶部
顶部