JavaScript 跳页传参

最新推荐文章于 2024-05-15 21:03:59 发布

原创最新推荐文章于 2024-05-15 21:03:59 发布 · 207 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

106 篇文章

订阅专栏

本文介绍了一种利用LocalStorage在用户点击页面上的选项后存储其选择的方法，通过jQuery实现，以便于在用户重新访问页面时可以恢复之前的状态。具体实现了当用户点击列表项时，根据所选选项设置不同的LocalStorage值，并跳转到另一个页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/HAHA.JS" ></script>
	</head>
	<body>
		<ul>
			<li><a target="_blank">A</a></li>
			<li><a target="_blank">B</a></li>
			<li><a target="_blank">C</a></li>
		</ul>
	</body>
	<script>
		$(function(){ 
			
		　　$('li').click(function(){
				if($(this).text()=="A"){
					localStorage.setItem('flag','c');
				}else if($(this).text()=="B"){
					localStorage.setItem('flag','d');
				}else if($(this).text()=="C"){
					localStorage.setItem('flag','C');
				}
				location.href='haha.html';
			})
		}); 
	</script>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/HAHA.JS" ></script>
	</head>
	<body>
		<ul>
			<li><a target="_blank">A</a></li>
			<li><a target="_blank">B</a></li>
			<li><a target="_blank">C</a></li>
		</ul>
	</body>
	<script>
		$(function(){ 
			
		　　$('li').click(function(){
				if($(this).text()=="A"){
					localStorage.setItem('flag','c');
				}else if($(this).text()=="B"){
					localStorage.setItem('flag','d');
				}else if($(this).text()=="C"){
					localStorage.setItem('flag','C');
				}
				location.href='haha.html';
			})
		}); 
	</script>
</html>




<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/HAHA.JS" ></script>
	</head>
	<body>
		<ul>
			<li><a target="_blank">A</a></li>
			<li><a target="_blank">B</a></li>
			<li><a target="_blank">C</a></li>
		</ul>
	</body>
	<script>
		$(function(){ 
		　var a=localStorage.getItem("flag") 
			
			console.log(a);
		}); 
	</script>
</html>