JS中局部变量能修改全局变量吗？
*{margin:0; padding:0;}
.box{background:red; font-size:18px; height:20px; overflow:hidden; }
ul{list-style:none; height:0;}
</style>
</head>
<body>
<div class="box" onclick="fun()">第一章</div>
<ul><li>第一节<li><li>第二节</li></ul>
<!--<div class="box" onclick="fun()" >第二章</div>
<ul><li>第一节<li><li>第二节</li></ul>-->
<script type="text/javascript">
oul=document.getElementsByTagName("ul")[0];
oul2=document.getElementsByTagName("ul")[1];
function fun()
{
var i=false;
if(i==true)
{
oul.style.height=40+"px";
oul.style.visibility='visible';
}
else
{
oul.style.visibility='hidden';
oul.style.height=0;
i=true;
}
}
</script>
点击后能隐藏，再次点击后却不能展开。（我的目的是点击隐藏后，将FUN（）中的全局变量修改为true，这样就能执行(if==true)了。
ä¸ãJavascriptçåéçscopeæ¯æ ¹æ®æ¹æ³åæ¥ååçï¼ä¹å°±æ¯è¯´ä»¥functionçä¸å¯¹å¤§æ¬å·ï½ ï½æ¥ååï¼ãåè®°ï¼æ¯functionåï¼èforãwhileãifå并ä¸æ¯ä½ç¨åçååæ åã
äºã
å½å ¨å±åéè·å±é¨åééåæ¶ï¼å±é¨åéçscopeä¼è¦çæå ¨å±åéçscopeï¼å½ç¦»å¼å±é¨åéçscopeåï¼åéåå°å ¨å±åéçscopeï¼èå½å ¨å±åééä¸å±é¨åéæ¶ï¼ç¨window.globalVariableNameåå ¨å±åéçå¼ã
ä¸ã请çä¸é¢ä¾åï¼
<script>
var a =1;
function test(){
alert(window.a); //a为1,è¿éçaæ¯å ¨å±åéå¦ï¼
var a=2; //å±é¨åéaå¨è¿è¡å®ä¹
alert(a); //a为2,è¿éçaæ¯å±é¨åéå¦ï¼
}
test();
alert(a); //a为1ï¼è¿é并ä¸å¨function scopeå ï¼açå¼ä¸ºå ¨å±åéçå¼
</script>
äºã
å½å ¨å±åéè·å±é¨åééåæ¶ï¼å±é¨åéçscopeä¼è¦çæå ¨å±åéçscopeï¼å½ç¦»å¼å±é¨åéçscopeåï¼åéåå°å ¨å±åéçscopeï¼èå½å ¨å±åééä¸å±é¨åéæ¶ï¼ç¨window.globalVariableNameåå ¨å±åéçå¼ã
ä¸ã请çä¸é¢ä¾åï¼
<script>
var a =1;
function test(){
alert(window.a); //a为1,è¿éçaæ¯å ¨å±åéå¦ï¼
var a=2; //å±é¨åéaå¨è¿è¡å®ä¹
alert(a); //a为2,è¿éçaæ¯å±é¨åéå¦ï¼
}
test();
alert(a); //a为1ï¼è¿é并ä¸å¨function scopeå ï¼açå¼ä¸ºå ¨å±åéçå¼
</script>
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2017-09-13
把i作为全局变量就可以了。
然后控制条件判断，当i为假时，执行操作后使其变为真；当i为真时，执行操作后使其变为假，这样就能循环了。
var i=false;
function fun()
{
if(i==true)
{
oul.style.height=40+"px";
oul.style.visibility='visible';
i=false;// 要加上这一句，否则该效果不能循环展示
}
else
{
oul.style.visibility='hidden';
oul.style.height=0;
i=true;
}
}本回答被提问者采纳
然后控制条件判断，当i为假时，执行操作后使其变为真；当i为真时，执行操作后使其变为假，这样就能循环了。
var i=false;
function fun()
{
if(i==true)
{
oul.style.height=40+"px";
oul.style.visibility='visible';
i=false;// 要加上这一句，否则该效果不能循环展示
}
else
{
oul.style.visibility='hidden';
oul.style.height=0;
i=true;
}
}本回答被提问者采纳
相似回答
