原生js a页面的数据传输到b页面

a页面的链接
<a href="b.html?tab=1">b_tab2.html</a>
b页面
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			li {
				list-style: none;
				display: inline-block;
				padding: 5px 10px;
				background: #0a8cd2;
			}
			
			.tab .active {
				background: green;
			}
			
			a {
				color: #FFF;
				text-decoration: none;
			}
			
			.inner li {
				display: none;
			}
			
			.inner li.active {
				display: inline-block;
			}
		</style>
	</head>

	<body>
		<ul class="tab">
			<li>
				<a href="">tab1</a>
			</li>
			<li>
				<a href="">tab2</a>
			</li>
			<li>
				<a href="">tab3</a>
			</li>
		</ul>
		<ul class="inner">
			<li>
				<a href="">我是tab1</a>
			</li>
			<li>
				<a href="">我是tab2</a>
			</li>
			<li>
				<a href="">我是tab3</a>
			</li>
		</ul>
	</body>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script>
	var m = /tab=([^&]+)/.exec(location.search);
	if(m){
    console.log(m[1])
    console.log(m)
	}
console.log(location.search)
	var num = (m[1]-1)
	console.log(num)
	$(".tab li").eq(num).addClass("active");
	$(".inner li").eq(num).addClass("active");
</script>

</html>
版权声明：本文为weixin_44088986原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。