发表于： 2020-08-27 23:47:14
1 1215
今天完成的事情：
完成数组数字的获取与引入方法
页面1
// 获取按钮button节点
var button = document.querySelector('button');
// 获取传递玩家身份的数组allnum
var allnum = localStorage.getItem("allnum");
// console.log(localStorage.getItem("allnum"));
// 将字符串转换为数组,获取杀手，平民
var arr = allnum.split(",")
// 查看身份数组
console.log(allnum)
// 查看身份数组的元素
console.log(arr[0])
// 查看数组的长度
console.log(arr.length);
index = 1;
// 绑定btn点击事件
btn.onclick = function () {
button.textContent = "隐藏并传递给" + index + "号";
// 判断index是否小于数组的长度
if (index < arr.length) {
index++;
document.getElementById('shuzi').innerHTML = index;
}
}
页面2
// 绑定btn点击事件
btn.onclick = function () {
button.textContent = "查看" + (index+1) + "号身份";
// 判断index是否小于数组的长度
if (index < arr.length) {
index++;
document.getElementById('shuzi').innerHTML = index;
}
}
document.getElementById('player').innerHTML = "角色:" + arr[0];
问题：
如何不跳转的情况下，在点击时一个页面内完成两个页面的相互切换
返回列表
评论