Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Javascript中创建开/关按钮_Javascript - Fatal编程技术网

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

如何在Javascript中创建开/关按钮,javascript,Javascript,我是新手,所以这个问题听起来可能很愚蠢。我想使用加载javascript函数,但我想通过on/off开关处理此事件,因此如果开关打开(默认情况下),“onload”事件将调用函数,如果开关设置为off,则不会调用函数。 提前谢谢 如果要在加载文档时执行函数,应使用 window onload事件,或者,也可能是更普遍接受的解决方案 就是使用jquery(深入研究,从一开始就更好地学习最佳实践) 如果您想在javascript中创建切换按钮, 您可以使用jquery(再次)切换应用于按钮元素的样式

我是新手,所以这个问题听起来可能很愚蠢。我想使用
加载javascript函数,但我想通过on/off开关处理此事件,因此如果开关打开(默认情况下),“onload”事件将调用函数,如果开关设置为off,则不会调用函数。
提前谢谢

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

如果您想在javascript中创建切换按钮, 您可以使用jquery(再次)切换应用于按钮元素的样式 大致如下:

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

状态在这里
在…上
var标志=0;
功能灯泡(){
如果(标志==0){
窗口警报(标志);
document.getElementById('alertme').innerHTML=“OFF”;
document.getElementById('changetext').innerHTML=“机器已关闭”;
flag=1;
}
否则{
窗口警报(标志);
document.getElementById('alertme').innerHTML=“ON”;
document.getElementById('changetext').innerHTML=“机器已打开”;
flag=0;
}
}

什么类型的开关?UI中的开关?开关输入代码?您必须向我们显示如何知道开关是开还是关的代码,或者告诉我们开关是什么,然后我们才能进一步提供建议。您能在身体加载之前触摸开关吗?@minitech UI中的开关
$('#my_button_identifier').click(function(e){
    $(this).toggleClass('my_toggled_button_class');
);
<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>