要传递参数区分是点击的哪个链接。。给链接加id我建议你b还是弹出窗口,直接跳转过去要是第一个链接选择过值后返回到a,又跳转到b给另外一个连接选择值,这样第一个就没办法保存了,要不要做很多操作,而且如果有n个链接要做这个操作那就要搞死人了<!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://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<style>
*{
margin:0;
padding:0;
}
</style>
<script>
$(function () {
$('a').each(function (i, el) { el.id = 'a' + i; el.target = '_blank'; }).click(function () {
this.href = 'b.html?' + this.id;
});
});
</script>
</head>
<body>
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a>
</body>
</html><!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://ajax.aspnetcdn.com/ajax/jQuery/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:;">天下</a></li>
<li><a href="javascript:;">2222222222</a></li>
<li><a href="javascript:;">aaaaaaa</a></li>
<li><a href="javascript:;">444444444</a></li>
<li><a href="javascript:;">55555555555</a></li>
</ul>
</div>
</body>
<script>
$(function () {
$('a').click(function () {
$(opener.document).find('#' + location.search.substring(1)).html(this.innerHTML);
window.close();
})
});
</script>
</html>
<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://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<style>
*{
margin:0;
padding:0;
}
</style>
<script>
$(function () {
$('a').each(function (i, el) { el.id = 'a' + i; el.target = '_blank'; }).click(function () {
this.href = 'b.html?' + this.id;
});
});
</script>
</head>
<body>
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a> <br />
<a href="b.html">点击</a>
</body>
</html><!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://ajax.aspnetcdn.com/ajax/jQuery/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:;">天下</a></li>
<li><a href="javascript:;">2222222222</a></li>
<li><a href="javascript:;">aaaaaaa</a></li>
<li><a href="javascript:;">444444444</a></li>
<li><a href="javascript:;">55555555555</a></li>
</ul>
</div>
</body>
<script>
$(function () {
$('a').click(function () {
$(opener.document).find('#' + location.search.substring(1)).html(this.innerHTML);
window.close();
})
});
</script>
</html>
$(function () {
$('a').each(function (i, el) { el.id = 'a' + i; el.target = '_blank'; }).click(function () {
if (this.search=='') this.href = this.href + '?' + this.id;//没有加过id参数则添加
});
});
</script>
</head>
<body>
<a href="b.html">点击</a> <br />
<a href="c.html">点击</a> <br />
<a href="d.html">点击</a> <br />
<a href="e.html">点击</a> <br />
<a href="f.html">点击</a> <br />
<a href="g.html">点击</a> <br />
<a href="h.html">点击</a> <br />
<a href="b.html">点击</a> 反正我是不建议你用缓存,要和很多个链接缓存很麻烦,就一个简单的功能何必搞那么麻烦。。当然你有兴趣自己研究客户端缓存对象:JavaScript本地存储(DOM Storage,Local Storage)