index01.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面一</title>
</head>
<body>
<input id="name" autocomplete="off" >
<input type="button" id="btn" value="提交" >
<script type="text/javascript">
window.onload = function () {
var btnEle = document.getElementById('btn');
var nameEle = document.getElementById('name');
btnEle.onclick = function () {
var name = nameEle.value;
// localStorage.setItem("键", 值);
localStorage.setItem("name", name);
}
}
</script>
</body>
</html>
index02.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第二个页面</title>
</head>
<body>
<script type="text/javascript">
window.onload = function () {
window.addEventListener("storage", function (event) {
console.log(event.key + "=" + event.newValue);
});
}
</script>
</body>
</html>