㈠ JavaScript本地存储
暂时想到以下方案，仅供参考：
1.监听输入框的change事件，每次值变化都记录值，并传递到后台（AJAX），用JAVA变量存储。同样刷新时（页面加载）先从后台取这个值，并赋到文本框。
2.监听输入框的change事件，每次值变化都记录值，并储存到COOKIE里，同样刷新时（页面加载）先从COOKIE取这个值，并赋到文本框。
3.开发一个输入插件，也就是输入框。定义各种属性，记录下值就OK了。
第一种估计会有效率问题；
第二种估计频繁读写本地文件，速度也是问题。
觉得第三周比较靠谱，呵呵
㈡ 怎么用js实现把数据存储到本地
可以用localstorge或者是浏览器本地数据库，这对浏览器有要求，低版本的IE是不支持的
㈢ js如何保存文件
js是客户端解释型脚本语言，依赖于浏览器，为了客户端安全，不能操作客户端电脑资源的，所以下载服务端的文件，直接html链接指向那个文件就可以的，具体保存到哪里，不同浏览器的处理会不一样，IE下载后会弹出保存对话框，chrome会直接保存到默认下载目录。
㈣ js本地存储可以一次存多对键名键值对吗
一般将多个键值对使用JSON序列化为一个JSON字符串
然后用一个键值对的方式存储更好
例如想要存a=1,b=2,c=3不用存三次
是需要将其序列化为{"a":1,"b":2,"c":3}然后存上
㈤ 求JS和html5大神进来看看，localstorage本地储存的代码在自己电脑好用在别人电脑就不运行了，特别急！
㈥ 用js代码实现将html文件自动保存本地指定路径，并在当前窗口刷新
只用 js 是做不到的。
如果能做到，想想看所有的网站都能随便往你硬盘里存文件了，那不是分分钟中毒么。
㈦ html中js如何获取本文件的存储位置
JS是获取不到服务器的文件系统路径的。。
PHP之类的可以实现
㈧ html5 本地存储有多少种方案
html5 本地存储有五种方案。
1、LocalStorage
LocalStorage就是Key-Value的简单键值对存储结构，Web Storage除了localStorage的持久性存储外，还有针对本次回话的sessionStorage方式，一般情况下localStorage较为常用，示例代码如下：
function save(dataModel){
var value = dataModel.serialize();
window.localStorage['DataModel'] = value;
window.localStorage['DataCount'] = dataModel.size();
console.log(dataModel.size() + ' datas are saved');
return value;
}
function restore(dataModel){
var value = window.localStorage['DataModel'];
if(value){
dataModel.deserialize(value);
console.log(window.localStorage['DataCount'] + ' datas are restored');
return value;
}
return '';
}
function clear(){
if(window.localStorage['DataModel']){
console.log(window.localStorage['DataCount'] + ' datas are cleared');
delete window.localStorage['DataModel'];
delete window.localStorage['DataCount'];
}
}
2、Cookie
这种存储方式存储内容很有限，只适合做简单信息存储，存取接口设计得极其反人类，举例如下：
function getCookieValue(name) {
if (document.cookie.length > 0) {
var start = document.cookie.indexOf(name + "=");
if (start !== -1) {
start = start + name.length + 1;
var end = document.cookie.indexOf(";", start);
if (end === -1){
end = document.cookie.length;
}
return unescape(document.cookie.substring(start, end));
}
}
return '';
}
function save(dataModel) {
var value = dataModel.serialize();
document.cookie = 'DataModel=' + escape(value);
document.cookie = 'DataCount=' + dataModel.size();
console.log(dataModel.size() + ' datas are saved');
return value;
}
3、Indexed Database API
IndexedDB可以存储结构对象，可构建key和index的索引方式查找，目前各浏览器的已经逐渐支持IndexedDB的存储方式，其使用代码如下，需注意IndexedDB的很多操作接口类似NodeJS的异步回调方式，特别是查询时连cursor的continue都是异步再次回调onsuccess函数的操作方式，因此和NodeJS一样使用上不如同步的代码容易。
function save(dataModel){
var tx = db.transaction("meters", "readwrite");
var store = tx.objectStore("meters");
dataModel.each(function(data){
store.put({
id: data.getId(),
tag: data.getTag(),
name: data.getName(),
meterValue: data.a('meter.value'),
meterAngle: data.a('meter.angle'),
p3: data.p3(),
r3: data.r3(),
s3: data.s3()
});
});
tx.oncomplete = function() {
console.log(dataModel.size() + ' datas are saved');
};
return dataModel.serialize();
}
4、FileSystem API
FileSystem API相当于操作本地文件的存储方式，目前支持浏览器不多，其接口标准也在发展制定变化中，因此也可以动态生成图片到本地文件，然后通过 filesystem:http:*** 的URL方式直接赋值给img的html元素的src访问。
function save(dataModel) {
var value = dataModel.serialize();
fs.root.getFile('meters.txt', {create: true}, function (fileEntry) {
console.log(fileEntry.toURL());
fileEntry.createWriter(function (fileWriter) {
fileWriter.onwriteend = function () {
console.log(dataModel.size() + ' datas are saved');
};
var blob = new Blob([value], {type: 'text/plain'});
fileWriter.write(blob);
});
});
return value;
}
5、Application Cache
window.applicationCache 对象是对浏览器的应用缓存的编程访问方式。其 status 属性可用于查看缓存的当前状态：
var appCache = window.applicationCache;
switch (appCache.status) {
case appCache.UNCACHED: // UNCACHED == 0
return 'UNCACHED';
break;
case appCache.IDLE: // IDLE == 1
return 'IDLE';
break;
case appCache.CHECKING: // CHECKING == 2
return 'CHECKING';
break;
case appCache.DOWNLOADING: // DOWNLOADING == 3
return 'DOWNLOADING';
break;
case appCache.UPDATEREADY: // UPDATEREADY == 4
return 'UPDATEREADY';
break;
case appCache.OBSOLETE: // OBSOLETE == 5
return 'OBSOLETE';
break;
default:
return 'UKNOWN CACHE STATUS';
break;
};
㈨ jQuery或者js保存文件到本地
functionfake_click(obj){
varev=document.createEvent("MouseEvents");
ev.initMouseEvent(
"click",true,false,window,0,0,0,0,0
,false,false,false,false,0,null
);
obj.dispatchEvent(ev);
}functionexport_raw(name,data){
varurlObject=window.URL||window.webkitURL||window;
varexport_blob=newBlob([data]);
varsave_link=document.createElementNS("http://www.w3.org/1999/xhtml","a")
save_link.href=urlObject.createObjectURL(export_blob);
save_link.download=name;
fake_click(save_link);
}
㈩ 怎么把css和js存到localstorage
存在Web Storage中了，html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。