㈠ 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用於持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的。