IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

url页面传参

0

1

url传参

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

代码在图中

该问题已被官方收录

洗牌方法使用时的问题

1

1

js随机数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>demo"flex"</title>
    <link rel="stylesheet" type="text/css" href="试验.css" />

</head>

<body>
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
    <div class="box">4</div>
    <div class="box">5</div>
    <div class="box">6</div>
    <div class="box">7</div>
    <div class="box">8</div>
    <div class="box">9</div>

    <button onclick="shuffle()" id="start">开始闪</button>
    <button id="over">结束闪</button>
    <script>
        // console.log(a.length)
       function shuffle() {
            var a = document.getElementsByClassName("box");
            var b = [];
            while (a.length) {
                var index = Math.floor((Math.random() * a.length));
                b.push(a[index]);
                a.splice(index, 1);
            }
            return b;
        }
        console.log(shuffle())
        
    </script>

</body>

</html>

该问题已被官方收录

如何实现页面跳转传输变量

0

1

url传参

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  function generate() {
        var oneday = JSON.parse(sessionStorage.getItem('onedaykill'));
        if (oneday == null) {
            return
        } else {
            for (let i = 0; i < oneday.length; i++) {
                if (oneday[i].state == 'die') {
                    killResult.innerHTML = oneday[i].id + '号玩家被杀死，真实身份是好人';
                    window.sessionStorage.setItem('onedayvote', JSON.stringify(oneday));
                    sun.style.top = '6.4rem';
                    kill.style.backgroundColor = '#ccc';
                    trianglea.style.borderRight = '.7rem solid #ccc';
                    return

                } else {
                    killResult.innerHTML = '杀手没有杀人'
                }

该问题已被官方收录

为什么session存储后进行json转换会报错

0

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取存储缓存json字符串并转换为数组
var playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
//获取玩家数量并转换为number
var players = +sessionStorage.getItem("players");
//选择的玩家
var choosePlayer;
//存储玩家存活状态
var playerLife;
//获取平民数
var villager = sessionStorage.getItem("villager");
if (sessionStorage.getItem("playerLife") != null) {
    playerLife = JSON.parse(sessionStorage.getItem("playerLife"));
} else {
    playerLife = new Array(players);
}
$(function () {
    console.log(players);
    console.log(playersArray);
    //进行元素克隆、默认有一个，只需要克隆数量-1个
    for (var i = 0; i < players - 1; i++) {
        $("#player1").clone().attr("id", "player" + (i + 2)).appendTo("div.players");
    };
    // 对克隆元素内部进行内容修改
    for (var i = 0; i < players; i++) {
        //更改序号
        var id = "#player" + (i + 1);
        $(id).find("p.number").text((i + 1) + "号");
        //更改身份
        if (playersArray[i] == 1) {
            $(id).find("p.name").text("狼人");
        };
    };

    //对死亡玩家进行样式更改
    if (sessionStorage.getItem("playerLife")) {
        for (var i = 0; i < playerLife.length; i++) {
            if (playerLife[i] == "死亡") {
                var temp = ".name";
                $(temp).eq(i).css("background", "#83b09a");
            }
        }
    }
    //获取点击选择对象 
    $(".player").click(function () {
        //每次点击初始化
        $(".select").css("visibility", "hidden")
        //获取点击下角标
        choosePlayer = $(this).index();
        //显示图标
        $(".select").eq($(this).index()).css("visibility", "visible");
    })
    $(".kill").click(function () {
        if (choosePlayer == undefined) {
            alert("必须选择杀死一个玩家")
        } else if (playersArray[choosePlayer] == 1) {
            alert("不能杀死自己人")
        } else if (playerLife[choosePlayer] == "死亡") {
            alert("这货死了，不能再杀了")
        } else if (villager == 1) {
            location.href = "gameOver.html";
        } else {
            playerLife[choosePlayer] = "死亡";
            villager = villager - 1;
            console.log(playerLife);
            location.href = "startGame.html"
            // var temp = JSON.stringify(playerLife);
            sessionStorage.setItem("playerLife", temp);
            sessionStorage.setItem("villager",villager);
            console.log(villager)
        }
    })
})

该问题已被官方收录

分配角色人数失败

1

1

js随机数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var killer=document.getElementsByClassName('k_number')[0];
var people=document.getElementsByClassName('p_number');

// 分配角色
var set=document.getElementById("setting_role");
set.onclick=function () {
    var x=input_number.value;
    var y,z;
    console.log("test");
    if(x<9){
        y=1;
        z=x-y;
    }
    else if(x>=9&&x<12){
        y=2;
        z=x-y;
    }
    else if(x>=12&&x<16){
        y=3;
        z=x-y;
    }
    else if(x>=16&&x<=18){
        y=4;
        z=x-y;
    }

    killer.innerText=y;
    people.innerText=z;

该问题已被官方收录

如何新一天生成，前面天数无法再点击生效，点击则弹窗？

0

1

事件本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$("main").on("click", "p", function (event) { //事件委托
        var target = event.target;
        if (target.className === "days") { //点击天数步骤上下滑动
            $(this).next().slideToggle(200)
        };
        if (target.className === "color kill") { //点击杀死杀人步骤
            fsm.killStep();
        };
        if (target.className === "color death") { //点击亡灵步骤
            fsm.deathStep();
        };
        if (target.className === "color talk") { //点击发言步骤
            fsm.talkStep();
        };
        if (target.className === "color vote") { //点击投票步骤
            fsm.voteStep();
        };
    });

该问题已被官方收录

如果我的页面有好几个音频的时候，如何通过点击其中一个，让其他的音频都重新开始播放

0

1

事件变量函数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

letscheck(index) {
        console.log(index);
        var play = document.getElementsByTagName('audio');
        if (play[index].paused) {
          play[index].play();
          this.ruleForm.content[index].flag = true;
          console.log(this.ruleForm.content[index].flag);
        } else {
          play[index].pause();
          this.ruleForm.content[index].flag = false;
        }
      },

该问题已被官方收录

如果按照杀人游戏3.0版本的人数分配有没有更方便的方法？

1

1

js随机数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function judgeNumber() {
    if (impotContent > 4 && impotContent < 21) {
        sharpShootNumber = "1";
        doctorNumber = "1";
    }

    switch (impotContent) {
        case 5:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "1";
            break;
        case 6:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "2";
            break;
        case 7:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "3";
            break;
        case 8:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "4";
            break;
        case 9:
            killerNumber = "2";
            policeNumber = "1";
            roturierNumber = "4";
            break;
        case 10:
            killerNumber = "2";
            policeNumber = "1";
            roturierNumber = "5";
            break;
        case 11:
            killerNumber = "2";
            policeNumber = "1";
            roturierNumber = "6";
            break;
        case 12:
            killerNumber = "3";
            policeNumber = "2";
            roturierNumber = "5";
            break;
        case 13:
            killerNumber = "3";
            policeNumber = "2";
            roturierNumber = "6";
            break;
        case 14:
            killerNumber = "3";
            policeNumber = "2";
            roturierNumber = "7";
            break;
        case 15:
            killerNumber = "4";
            policeNumber = "3";
            roturierNumber = "6";
            break;
        case 16:
            killerNumber = "4";
            policeNumber = "3";
            roturierNumber = "7";
            break;
        case 17:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "6";
            break;
        case 18:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "7";
            break;
        case 19:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "8";
            break;
        case 20:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "9";
            break;
    } /*  */
} /* 输入的人数判断、分配人数 */

该问题已被官方收录

法官查看界面如何实现盒子编号、玩家身份和分配身份后的状态保持一致

0

1

事件控制流程语句节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html:
<div class="main-box">
   <!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
</div>
CSS：
.main-box {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-wrap: wrap;
}
.content-box {
    width: 30%;
    height: 1.9rem;
    margin: 1.5% 1.66% 0 1.66%;
}
.content-top {
    width: 100%;
    height: 1.36rem;
}
.career {
    width: 100%;
    height: 1.0rem;
    font-size: .3rem;
    color: #565656;
    background-color: #F5C97B;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.number {
    width: 100%;
    height: .36rem;
    font-size: .22rem;
    color: #FFF;
    background-color: #83B09A;
    box-sizing: border-box;
    border: 2px solid #FFF;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-bottom {
    width: 100%;
    height: .3rem;
    padding-top: .2rem;
    background-image: url(../image/img1.png);
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    background-position: center center;
    visibility: hidden;
}
JS:
var player = JSON.parse(sessionStorage.getItem('player'));//取出总玩家人数数组
 for (var i=0; i<player.length; i++){//遍历数组，有几个玩家就循环几次，把所有玩家都遍历出来
        var num = i + 1;//每个角色对应的号码
        var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装
        }

该问题已被官方收录

输入框可以使用键盘事件吗？如果可以的话，如何使用？如果不可以，为什么不能使用？

0

1

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 var e = event || window.event || arguments.callee.caller.arguments[0];
              if(e && e.keyCode==27){  
                  
                };
              if(e && e.keyCode==113){  
                   
                };            
              if(e && e.keyCode==13){ 
                  
            };

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1