javascript 폼 데 이 터 를 정시 에 저장 하 는 코드

(두 메 일이 모두 이 기능 을 가지 고 있 는 지 잊 어 버 렸 다.)그럼 이 기능 은 어떻게 하 는 거 예요?시간 을 정 하면 우 리 는 어떻게 하 는 지 알 지만 저장 합 니까?아마도 우 리 는 숨겨 진 영역 등 수단 을 통 해 데 이 터 를 저장 할 것 이다.그러나 이것 은 페이지 를 새로 고치 면 데이터 가 손실 된다 는 단점 이 있다.이 때 는 우리 가 주목 하지 않 을 차례 이 며,많은 사람들 이 모 르 는 UserData 행위(userData Behavior)가 등장 할 것 으로 예상 된다.이 UserData 는 무엇 일 까?어떻게?나 는 문장 마지막 에 그것 을 소개 하 는 문장 을 전재 할 것 이다.지금 제 가 직접 예 를 들 면 코드 가 없고 진실 이 없 잖 아 요
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">

window.onload=function(){

var txtObj = document.getElementById('txt1');
var spanObj = document.getElementById('s1');

//
txtObj.addBehavior("#default#userData");

var saveTimer= setInterval(function(){
txtObj.setAttribute('OValue',txtObj.value);
txtObj.save('SavedData');

spanObj.innerText=' :'+(new Date());
setTimeout(function(){
spanObj.innerText='';
},1000);

},10000); //

document.getElementById('btn1').attachEvent('onclick',function(){
clearInterval(saveTimer); //
txtObj.removeAttribute('OValue');
});

document.getElementById('btn2').attachEvent('onclick',function(){
txtObj.load('SavedData');
alert(txtObj.getAttribute('OValue'));
//txtObj.value = txtObj.getAttribute('OValue');
});
};

</script>
</head>

<body>
<span id="s1" style="color:red;"></span>
<p />
<textarea height="500" style="height:500px;width:500px;" id="txt1">
</textarea>
<p />
<input type="button" id="btn1" value=" " />
<input type="button" id="btn2" value=" " />
</body>
</html>
이 html 를 복사 해서 실행 하면 알 수 있 습 니 다.사실은 이것 은 메 일 박스 의 정시 저장 과 대체적으로 일치 합 니 다.윤색 하면 OK 입 니 다.이 글 좀 보 세 요.

좋은 웹페이지 즐겨찾기