为了账号安全,请及时绑定邮箱和手机立即绑定

正在回答

5 回答

nbsp;xlt;y用作比较两个值,返回值是一个布尔值True或False。100lt;99显然不为真,所一返回False。

msoesw

0 回复 有任何疑惑可以回复我~

/**

*设置带有过期时间的localStorage

*@key,localStorage的关键字

*@v,localStorage的key的值

*@exp,localStorage过期时间,单位毫秒

*/

function set(key, v, exp){

var curTime = new Date().getTime();

try{

localStorage.setItem( key, JSON.stringify({data:v, curtime:curTime, exp:exp}) );

}

catch(e){

console.log("set localStorage failed:"+e);

}

}

/**

*获取带有过期时间的localStorage的值

*@key,localStorage的关键字

*/

function get(key){

try{

var data = localStorage.getItem(key);

}

catch(e){

console.log("get localStorage failed:"+e);

}

var dataObj = JSON.parse(data);

if(new Date().getTime() - dataObj.curtime > dataObj.exp){

console.log("expires:timeout");

}

else{

console.log("data="+dataObj.data);

}

}

set('good', 'luck', 5000);

get('good');


1 回复 有任何疑惑可以回复我~

这是我的,不过将js重新放在了别的目录下,所以你要用的话,改下目录

0 回复 有任何疑惑可以回复我~

/**

*将图片以canvas的形式保存在localstorage中

*@key 图片名称

*@src 图片相对地址

*/

function setImg(key, src){

var img = document.createElement('img');

//图片加载完成时触发回调函数

img.addEventListener('load', function(){

var imgCanvas = document.createElement('canvas'),

imgContext = imgCanvas.getContext('2d');

imgCanvas.width = this.width;

imgCanvas.height = this.height;


//渲染图片到canvas中

imgContext.drawImage(this, 0, 0, this.width, this.height);


//用data url的形式取出

var imgAsDataURL = imgCanvas.toDataURL('image/png');


//保存到本地存储中

try{

localStorage.setItem(key, imgAsDataURL);

}

catch(e){

console.log("storage failed:" + e);

}

}, false);

}

/**

*从本地取得图片

*/

function getImg(key){

var srcStr = localStorage.getItem(key);

var imgObj = document.createElement('img');

imgObj.src = srcStr;

document.body.appendChild(imgObj);

}


setImg('img1', 'src/img/doll.jpg');

getImg('img1');


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5存储
  • 参与学习       55336    人
  • 解答问题       109    个

本课程主要讲解浏览器端存储的实现方案,从而优化你的业务

进入课程
意见反馈 帮助中心 APP下载
官方微信