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

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

跳转到另一个页面之后，原来的页面数据如何保存

3

5

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".slayer:eq(0)").click(function(){
        window.location.href = "task2-kill.html";
        var ddd = $(".slayer:eq(0)").css("background-color","#ccc");//跳转页面后修改CSS样式
        var ccc = $(".slayer-i:eq(0)").css("border","#ccc");
        sessionStorage.setItem("color",ddd);
    });

该问题已被官方收录

click点击时间

5

4

控制流程语句事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for (i = 0 ; i < playerTotalNum.length ; i++) {
playerId = $('<div></div>')
    .text(playerTotalNum[i])
    .addClass('player_box')
;
knife = $('<div></div>')
    .addClass('knife')
;
playerNum = $('<div></div>')
    .text(i+1 + "号")
    .addClass('player_num')
;
playerId.append(knife)
;
playerId.append(playerNum)
;
main.append(playerId)
;
}

该问题已被官方收录

用jquery发起异步请求，点击登录按钮，跳转405页面

2

2

Ajax登陆 Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var date=new Date();
   var timer=date.getTime().toString();
    $(document).ready(function () {
        $('button').click(function () {
            $.post('/carrots-admin-ajax/a/login?t='+timer,
                {
                    name:$('#users').value,
                    pwd:$('#word').value
                },
                function(data,status){
                alert("数据: \n" + data + "\n状态: " + status);
            });
        });
    });

该问题已被官方收录

如何在进入杀手杀人的步骤后，跳转回页面，保存之前的状态

3

2

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function play() {
    let audio = document.getElementById('music');
    if (audio.paused) {
        audio.play();//audio.play();// 播放
    }
    else {
        audio.pause();// 暂停
    }
}//之前写的控制radio的函数；


//jqery
$(document).ready(function () {
    var day = 1;//记录天数
    var playerObj = [];//玩家
    var beKiller = [];//被杀的，存进来；
    var beVoter = [];//被投的，存过来；
    var player = JSON.parse(sessionStorage.getItem("player"));
// console.log(player);//检查身份数组；
    for (i = 0; i < player.length; i++) {
        var number = i + 1;
        var add = "<div class=\"hover\">\n" +
            "            <div class=\"father\">\n" +
            "                <div class=\"left\">" + player[i] + "</div>\n" +
            "                <div class=\"text\">" + number + "号</div>\n" +
            "            </div>\n" +
            "        </div>";
        $(".set").append(add);

        playerObj[i] = {
            role: player[i],
            status: "alive",
            num: number
        }//身份数组内容对象化附属性
    }
    ;
    for (i = 0;i<player.length;i++) {
        if (playerObj.status == "dead") {
            $(".left").css("backgroundColor","#82af9a");
        }
    }
    sessionStorage.setItem("playerObj", JSON.stringify(playerObj));
    sessionStorage.setItem("beKiller", JSON.stringify(beKiller));
    sessionStorage.setItem("beVoter", JSON.stringify(beVoter));
    sessionStorage.setItem("day", JSON.stringify(day));
    sessionStorage.setItem("step","ready");
    console.log(playerObj);
})

该问题已被官方收录

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//用oninpu事件设定input的属性
document.getElementById("players").oninput = function(){
    var x = /\D/g; //定义正则，非数字规则
    this.value = this.value.replace(x,""); //为非数字时替换成空
}

该问题已被官方收录

如何获取杀人数据和投票数据?

1

1

数据类型事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var condition = JSON.parse(sessionStorage.getItem("condition"))

该问题已被官方收录

关于有限状态机的部分，如果使用了有限状态机的话，那么我点击以后渲染出了页面文字

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 读取上个页面保存的数值
var data = JSON.parse(sessionStorage.getItem('PartArr'));
console.log(data)

// 制作点击事件杀人页面第一个选项
var box2 = document.getElementsByClassName('box2')[0];
var bo = 0;
var sk = document.getElementsByClassName('show');
var sk1 = document.getElementsByClassName('show1');
// 右上角点击返回最初页面点击事件
var finish = document.getElementsByClassName('finish')[0].onclick = function () {
    window.location = './../js2-1/js2-1.html';
}
// 声明天数
// var ts;


if (sessionStorage.getItem('PartArr')) {
    sk.innerHTML = data;
}

function box1() {
    if (bo == 0) {
        box2.style.display = 'none';
        bo += 1;
    } else if (bo == 1) {
        box2.style.display = ''
        bo = 0;
    }
}
// --------------------------------------------------------
// 先声明变量，初始值
if (sessionStorage.cszt) {
    var cszt = sessionStorage.cszt;
} else {
    var cszt = 'pagetokill';
}





// 首先获取类名的DOM节点
var Boxtokill = document.getElementsByClassName('Box-to-kill')[0];
var Boxtokill1 = document.getElementsByClassName('Box-to-kill')[1];
var Boxtokill2 = document.getElementsByClassName('Box-to-kill')[2];
var Boxtokill3 = document.getElementsByClassName('Box-to-kill')[3];

// 有限状态机开始

var murderq = new StateMachine({
    // 初始状态:杀人页面
    init: cszt,
    transitions: [
        // 准备好的状态
        // 1准备杀人，2，杀人页面，3，选择杀人↓
        {
            name: 'readytokill',
            from: 'pagetokill',
            to: 'choosetokill'
        },
        // // 1死者遗言，2,选择杀人，3，发表遗言↓
        {
            name: 'thelastwords',
            form: 'choosetokill',
            to: 'publishedlastwords'
        },
        // // 1玩家发言,2发表遗言,3,玩家说话
        {
            name: 'theplayertospeak',
            form: 'publishedlastwords',
            to: 'playerstalk'
        },
        // //1全名投票，2玩家发言，3
        {
            name: 'referendum',
            form: 'playerstalk',
            to: 'vote'
        }
    ],
    // 点击之后输出的对话框
    methods: {
        onEnterChoosetokill: function () {
            // 第一个步骤判断，判断死亡的人进行渲染
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },
        // 第二个步骤
        onEnterPublishedlastwords: function () {
            alert('死者发表遗言');
            Boxtokill1.style.background = 'black';
            //  重新执行一遍，保存数据
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    console.log(data[kk].num + '号被杀手杀死，真实身份是平民');
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            };
        },

        onEnterPlayerstalk: function () {
            alert('玩家开始发言');
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
        },

        onEnterVote: function () {
            // alert('开始投票');
            // window.location = './../js4投票/js4-tp.html';
            for (let kk = 0; kk < data.length; kk++) {
                if (data[kk].status === '死亡') {
                    sk[0].innerHTML = data[kk].num + '号被杀手杀死，真实身份是平民';
                    Boxtokill.style.background = 'black';
                    console.log(sk1)
                    sk1[0].innerHTML = data[kk].num + '号被投死，真实身份是' + data[kk].breed;
                    Boxtokill3.style.background = 'black';
                }
            }
            Boxtokill2.style.background = 'black';
            Boxtokill1.style.background = 'black';
            Boxtokill3.style.background = 'black';
        }
    }
});
// 第一个点击事件
Boxtokill.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            // 如果是这样的初始状态的情况下，就保存下来
            cszt = 'choosetokill';
            // 保存当前状态
            sessionStorage.cszt = cszt;
            console.log(cszt);
            window.location = './../js4杀手杀人/js4-3.html';
            murderq.readytokill();
            break;
        case 'choosetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            alert('请按照顺序操做');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}
// 第二个点击事件
Boxtokill1.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序操作');
            break;
        case 'choosetokill':
            murderq.thelastwords();
            break;
        case 'publishedlastwords':
            alert('请按照顺序');
            // 保存当前状态
            sessionStorage.cszt = murderq.state;
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state);
}
console.log(murderq.state)
// 第三个点击事件
Boxtokill2.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'publishedlastwords':
            murderq.theplayertospeak();
            sessionStorage.cszt = murderq.state;
            break;
        case 'choosetokill':
            alert('请按照顺序操作');
            break;
        case 'playerstalk':
            alert('请按照顺序操作');
            break;
    }
    console.log(murderq.state)
}

// 第四个点击事件
Boxtokill3.onclick = function () {
    switch (murderq.state) {
        case 'pagetokill':
            alert('请按照顺序');
            break;
        case 'playerstalk':
        murderq.referendum();
        alert('开始投票');
        window.location = './../js4投票/js4-tp.html';
            sessionStorage.cszt = murderq.state;
            break;
    }
}
console.log(murderq.state);

该问题已被官方收录

上标显示异常

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

控制台查看都选中了同一个元素，确判断为false

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(var i = 0;i<$(".block--true").length;i++){//点击后返回当前元素在集合内的下标
   var a =$(".block--true").eq(i)
var b =this
   if (a == b){
console.log(i)
}else {
console.log("没有执行")
console.log($(this))
console.log($(".block--true").eq(i))
}
}

该问题已被官方收录

如何阻止事件冒泡

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="div">
    <p id="p">段落文本内容
        <input type="button" value="点击" id="btn"/>
    </p>
</div>
<script>
    var div = document.getElementById("div");
    var p = document.getElementById("p");
    var btn = document.getElementById("btn");
    div.onclick = function () {
        alert("div");
    };
    p.onclick = function () {
        alert("p");
    };
    btn.onclick = function () {
        alert("btn");
    }
</script>

去第页

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