javascript求解,该如何解决
日期：2014-05-16 浏览次数：20342 次
javascript求解
------解决方案--------------------
匿名函数立即执行
解决闭包的问题
防止oDiv[_i]中的_i为i最后的值+1
------解决方案--------------------
------解决方案--------------------
<script>
window.onload=function ()
{
var aBtn=document.getElementsByTagName('input');
var oDiv=document.getElementsByClassName('div1');
var i;
for(i=0;i<aBtn.length;i++)
{
aBtn[i].index = i;
//下面要注意
aBtn[i].onclick=(function(_i){
return function (){
oDiv[_i].style.display='block';
}
})(i);
};
};
</script>
javascript
------解决方案--------------------
匿名函数立即执行
解决闭包的问题
防止oDiv[_i]中的_i为i最后的值+1
------解决方案--------------------
window.onload=function (){
var aBtn=document.getElementsByTagName('input');
var oDiv=document.getElementsByClassName('div1');
for(var i=0;i<aBtn.length;i++){
aBtn[i].index = i;
//下面要注意
aBtn[i].onclick=(function(_i){
return function (){
//调用hideAll
hideAll();
oDiv[_i].style.display='block';
}
})(i);
};
};
//隐藏所有
function hideAll(){
var oDiv=document.getElementsByClassName('div1');
for(var i = 0 ; i < oDiv.length ; ++i){
oDiv[i].style.display='none';
}
}
------解决方案--------------------
window.onload=function ()
{
var aBtn=document.getElementsByTagName('input');
var oDiv=document.getElementsByClassName('div1');
var i;
for(i=0;i<aBtn.length;i++)
{
aBtn[i].index = i;
//下面要注意
aBtn[i].onclick=(function(_i){
return function (){
for(var j=0; j<oDiv.length;++j){
oDiv[j].style.display='none';
}
oDiv[_i].style.display='block';
}
})(i);
};
};
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
