html页面里的input文本框,输入内容后,点击一个a标签“确定修改”。刚才输入的内容保存到页面里,重新打
html页面里的input文本框,输入内容后,点击一个a标签“确定修改”。刚才输入的内容保存到页面里,重新打开html的时候刚才输入的内容及在input文本框里,这应该怎...
html页面里的input文本框,输入内容后,点击一个a标签“确定修改”。刚才输入的内容保存到页面里,重新打开html的时候刚才输入的内容及在input文本框里,这应该怎么做呢?
展开
展开全部
这个可以用cookie来搞定,可用于纯静态页,示例代码如下:
<html>
<body>
<input type="text" name="txt" id="txt" value=""><a href="javascript:void(0);" onclick="javascript:setCookie('txt',document.getElementById('txt').value);alert('已保存,刷新看效果.');">修改</a>
<script type="text/javascript">
function setCookie(sName, sValue){
date = new Date();
date.setFullYear(date.getFullYear()+1);
document.cookie = sName+'='+escape(sValue)+'; expires='+date.toGMTString();
}
function getCookie(sName){
var aCookie = document.cookie.split('; ');
for(var i=0;i<aCookie.length;i++){
var aCrumb = aCookie[i].split('=');
if(sName==aCrumb[0]) return unescape(aCrumb[1]);
}
return null;
}
document.getElementById('txt').value=getCookie('txt');
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询