请教小弟我做的这个按钮为什么需要点击两次才能激活呢-JavaSript-爱易网页

请教小弟我做的这个按钮为什么需要点击两次才能激活呢

日期：2014-05-16　浏览次数：20474 次

请问我做的这个按钮为什么需要点击两次才能激活呢

CSS code


#smile_bg{margin:0; padding:0; background:url(images/smile_bg.gif) no-repeat;width:435px; height:304px; margin-top:-5px; display:none;}

JScript code


function smile_Swich() {    
    if (GetByID('smile_bg').style.display == 'none') {
        GetByID('smile_bg').style.display = 'block';
    } else {
        GetByID('smile_bg').style.display = 'none';
    }
}
function GetByID(str) {
    var v = document.getElementById(str);
    return v;
}

HTML code


<img src="images/111.gif" onclick="smile_Swich()" />

我点击按钮两次才能把我想要显示的元素显示出来，以后点击就可以点击一次激活显示和隐藏了，为什么呢？

------解决方案--------------------
从代码上看是没有任何问题的。。。楼主。。。

我个人觉得问题应该是出在了图片的预加载的问题上了。。。

你这样，将css里面的display：none去掉。。。在你的window.onload里面再将其隐藏试试，应该就可以了的。。。
------解决方案--------------------
GetByID('smile_bg').style.display获取不到样式设置的none的
所以第一次获取到的是null，和=='none'对比不对，执行了GetByID('smile_bg').style.display = 'none';

第二次由于第一次设置了none，所以对比成功，执行了block语句

JScript code

if (GetByID('smile_bg').style.display != 'block') {/////改成这样判断就好了
        GetByID('smile_bg').style.display = 'block';
    } else {
        GetByID('smile_bg').style.display = 'none';
    }

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

请教小弟我做的这个按钮为什么需要点击两次才能激活呢

相关资料更多>

推荐阅读更多>