HTML页面之间交换数据

使用LocalStorage和SessionStorage

http://www.w3school.com.cn/html5/html_5_webstorage.asp

-------------------------------------------------------------------------------------

localStorage

写入：

<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>

读取：

<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {
  localStorage.pagecount=1;
  }
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>

 

 

SessionStorage

写入：

<script type="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>

读取：

<script type="text/javascript">
if (sessionStorage.pagecount)
  {
  sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
  }
else
  {
  sessionStorage.pagecount=1;
  }
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>

 

 

例子

<!DOCTYPE HTML>
<html>
<body>

<input type='text' id='uname' value='abc' />

<script type="text/javascript">

sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);

document.getElementById('uname').value=sessionStorage.getItem('lastname');
</script>

</body>
</html>

验证：

使用Chrome 按F12

 

posted @ 2016-10-12 16:28  LABCD  阅读(622)  评论(0)    收藏  举报