为什么我第一张图片里的第二个onclick事件无法执行。。我第二张图片可以执行但是代码规范吗？
为什么我第一张图片里的第二个onclick事件无法执行。。我第二张图片可以执行但是代码规范吗？这是第一张图片的代码。。<htmllang="en"><head><meta...
为什么我第一张图片里的第二个onclick事件无法执行。。我第二张图片可以执行但是代码规范吗？这是第一张图片的代码。。
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content=" ">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0;}
a{text-decoration: none;}
ul,li{list-style: none;}
body{font-size: 14px;font-family: "微软雅黑";}
#box{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<input id="btn" type="button" value="此时是显示">
<div id="box"></div>
<script type="text/javascript">
var btn=document.getElementById('btn');
var box=document.getElementById('box');
var flag=1;
if(flag==1){
btn.onclick=function(){
flag=2;
btn.value='此时是隐藏';
box.style.display='none';
}
}else if(flag==2){
btn.onclick=function(){
flag=1;
btn.value='此时是显示';
box.style.display='block';
}
}
</script>
</body>
</html> 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content=" ">
<title>Document</title>
<style type="text/css">
*{margin: 0;padding: 0;}
a{text-decoration: none;}
ul,li{list-style: none;}
body{font-size: 14px;font-family: "微软雅黑";}
#box{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<input id="btn" type="button" value="此时是显示">
<div id="box"></div>
<script type="text/javascript">
var btn=document.getElementById('btn');
var box=document.getElementById('box');
var flag=1;
if(flag==1){
btn.onclick=function(){
flag=2;
btn.value='此时是隐藏';
box.style.display='none';
}
}else if(flag==2){
btn.onclick=function(){
flag=1;
btn.value='此时是显示';
box.style.display='block';
}
}
</script>
</body>
</html> 展开
1个回答
展开全部
代码有问题，js代码从上到下执行，不会返回执行的，除非是触发条件调用函数或者循环语句，你这if(){}else(){}从上到下执行，第一次为真，执行if里面的代码，然后就完事儿了，当然不会执行下面的了
更多追问追答
追问
嗯，那也就是说if语句当第一次为正确的时候，下面就无法执行对吧。。
那我第二张图片写的是可以执行的，但是他符合代码规范吗
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
