如何在Javascript中创建开/关按钮

时间:2012-04-29 20:19:03

标签: javascript

我是新手,所以这个问题可能听起来很愚蠢。我想使用<body onload="function()">加载一个javascript函数但我想通过开/关开关来处理这个事件,所以如果开关打开(默认情况下),“onload”事件将调用该函数并且如果设置了开关关闭它不会。 提前谢谢!

2 个答案:

答案 0 :(得分:1)

如果要在加载文档时执行函数,则应使用 window onload事件,或者可能是更接受的解决方案 是使用 jquery (调查一下,从一开始就更好地学习最佳实践)

$(function(){
    // my_on_load_script;
});

如果您想在javascript中创建切换按钮, 你可以使用jquery(再次)来切换应用于button元素的样式 一些事情:

$('#my_button_identifier').click(function(e){
    $(this).toggleClass('my_toggled_button_class');
);

你去:http://api.jquery.com/toggleClass/

答案 1 :(得分:0)

<h1 id="changetext"> status is here</h1>
<button id="alertme" onclick="bulb();" >ON</button>
<script>
var flag = 0;           
            function bulb(){
                if (flag==0) {
                window.alert(flag);
                document.getElementById('alertme').innerHTML = "OFF";
                document.getElementById('changetext').innerHTML = "Machine is off";
                flag=1;
                }
                else        {
                window.alert(flag);
                document.getElementById('alertme').innerHTML = "ON";
                document.getElementById('changetext').innerHTML = "Machine is on";              
                flag=0;
                }
            }
</script>