两个页面之间如何传值

两个页面之间怎么传值
A页面

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>A</title>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<style>
*{
margin:0;
padding:0;
}

</style>
</head>

<body>
<a href="b.html">点击</a>
</body>
</html>

B页面

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<title>B</title>
<style>
*{
margin:0;
padding:0;
}
li{
list-style:none;
}
.menu_div{
float:left;
}
.menu_div li{
width:60px;
height:30px;
line-height:30px;
text-align:center;
float:left;
background:#00BCF3;
margin:10px;
overflow:hidden;
}
.menu_div li a{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
</style>
</head>

<body>
<div class="menu_div">
 <ul>
  <li><a href="javascript:;">11111111111</a></li>
  <li><a href="javascript:;">2222222222</a></li>
  <li><a href="javascript:;">333333333</a></li>
  <li><a href="javascript:;">444444444</a></li>
  <li><a href="javascript:;">55555555555</a></li>
 </ul>
</div>
</body>
</html>


请问下当我点击A页面的a标签跳转到B页面的时候   点击B页面的li里面的内容时候  怎么才能把我当前点击的内容替换到A页面a标签里面的内容
------解决方案--------------------
编码下,不过应该不会出乱码吧。。除非你2个页面的编码不一样

location.href='a.html?'+encodeURIComponent(this.innerHTML)



var s=location.search.substring(1);
if(s=='')s='点击';
else s=decodeURIComponent(s)////注意解码
document.write(s)