客户提了个需求，点击某个链接，新建一个Tab页，当前页面内容不变，新的Tab页中控件的值和当前页一致。
查阅了相关博客，发现可以用sessionStorage或者localStorage实现，键值对属性的存储，获取。
Demo实现思路：页面加载时使用sessionStorage的getItem（）方法取值，在点击跳转的时候给sessionStorage存值。
一下时Demo代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body >
name:<input id="name" type="text" />
<br />
pass:<input id="pass" type="text" />
<br />
<a href="index.html" style="text-decoration:none" target="_blank" onclick="change()" >张三</a>
</body>
<script>
//页面加载时取值
$().ready(function(){
var name = document.getElementById("name");
if(name){
name.value = window.sessionStorage.getItem("name");
}
});
//点击链接时跳转并保存当前页面中控件的值。
var change = function(){
window.sessionStorage.setItem("name",document.getElementById("name").value);
}
var test = function(){
alert("tuichu");
}
window.onbeforeunload = function () {
//关闭前会执行，但是必须加return任意字符串
//页面刷新或者关闭时清空缓存。
window.sessionStorage.clear();
};
</script>
</html>
可以看出新建的Tab页中的name文本框中的值被带过来了。