网站多页面通讯

最新推荐文章于 2023-11-18 15:38:17 发布

裴嘉靖

最新推荐文章于 2023-11-18 15:38:17 发布

阅读量136

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/peijiajing/article/details/120842391

版权

javascript html5 html

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

两个页面之间用本地存储通讯，上代码，两个demo

一：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<input type="text" id='input' />
		<script type="text/javascript">
		document.getElementById('input').onblur=function(){
			localStorage.setItem('demo',this.value)
		}
			
		</script>
	</body>
</html>

二：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<input type="text" id="val"/>
		<script type="text/javascript">
			window.addEventListener('storage',function(e){
				document.getElementById('val').value=e.newValue
			})
		</script>
	</body>
</html>