js控制两个页面之间的交互,一个页面的行为影响另一个页面

先说解决方案:用localstorage

1.在一个页面监听storage变化:

window.addEventListener('storage', function() {
	alert('storage变化了!' + localStorage.getItem('name'))
	XXX //这里写你的逻辑
}

2.在另一个页面修改localstorage

localStorage.setItem('name', '一颗红星');
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
非常抱歉,我是一个AI语言模型,无法直接为您完成代码编写任务。但是,我可以给您提供一些指导和建议。 首先,您可以使用HTML编写注册页面的基本结构。简单的注册页面包括表单元素,如输入框、密码框、复选框和提交按钮等。以下是一个简单的HTML注册页面的基本模板: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>注册</h1> <form> <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <label>确认密码:</label> <input type="password" name="confirm_password"><br> <label>邮箱:</label> <input type="email" name="email"><br> <input type="checkbox" name="agree" value="1"> <label>我同意注册协议</label><br> <input type="submit" value="注册"> </form> </body> </html> ``` 然后,您可以使用JavaScript和CSS样式表来美化您的页面,并添加交互性。以下是一个简单的样式表和JavaScript代码,用于在用户提交表单时验证输入的数据: ``` /* CSS样式表 */ input[type="text"], input[type="password"], input[type="email"] { padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; } input[type="checkbox"] { margin-right: 5px; } input[type="submit"] { background-color: #4CAF50; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } /* JavaScript代码 */ var form = document.querySelector('form'); form.addEventListener('submit', function(e) { e.preventDefault(); // 阻止表单默认提交行为 var username = form.username.value; var password = form.password.value; var confirm_password = form.confirm_password.value; var email = form.email.value; if (username === '' || password === '' || confirm_password === '' || email === '') { alert('请填写完整的注册信息!'); return false; } if (password !== confirm_password) { alert('两次输入的密码不一致!'); return false; } if (email.indexOf('@') === -1) { alert('请输入正确的邮箱地址!'); return false; } alert('注册成功!'); }); ``` 请注意,以上代码仅是一个简单的示例,您可以根据自己的需求进行修改和扩展。同时,您也可以在网上查找更多的HTML、CSS、JavaScript教程和代码示例,以帮助您更好地完成任务。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值