您正在使用IPV4(35.153.166.111)访问本站 您本次共访问本站 1 次
 用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器 行情 简化版
文明驾车我带头,文明行路我带头,礼貌让座我带头      

[公益] 节省一分零钱 献出一份爱心 温暖世间真情       【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年74元      
虚位以待
2021年 冬至节 14
2021年 圣诞节 18
2022年 元 旦 25
2022年 春 节 56
 
  • 本类新增
    本类热门文章
    您现在的位置:首页 >> JS/CSS >> 内容
    利用js实现简单开关灯代码
    内容摘要: body部分:button开关灯/buttonscript部分:script//window.onload是窗口加载事件,可以实现将代码写到元素上面window.addEventListener('load',function(){varbtn=document.querySelector('button');//定义一个变量,用来判断灯的开关情况varfl......
    body部分:

    <button>开关灯</button>

    script部分:

    <script>

    //window.onload是窗口加载事件,可以实现将代码写到元素上面

    window.addEventListener('load',function(){

    varbtn=document.querySelector('button');

    //定义一个变量,用来判断灯的开关情况

    varflag=0;

    btn.onclick=function(){

    if(flag==0){

    document.body.style.backgroundColor='black';

    flag=1;

    }else{

    document.body.style.backgroundColor='pink';

    flag=0;

    }

    }

    })

    </script>

    如果script直接写到button下面的话,

    则采用以下代码:

    <script>

    varbtn=document.querySelector('button');

    varflag=0;

    btn.onclick=function(){

    if(flag==0){

    document.body.style.backgroundColor='black';

    flag=1;

    }else{

    document.body.style.backgroundColor='pink';

    flag=0;

    }

    }

    </script>

    <fontface="Arial,Verdana,sans-serif"><spanstyle="white-space:normal;"></span></font>

    上一篇:vue修改滚动条样式的方法 下一篇:利用JavaScript写一个简单计算器
    发布日期:2021/11/23
    手机扫二维码直达本页
    发布时间:15:42:44
    点击:151
    录入:壹家怡园
    相关文章
    Baidu
    YiJiaCMS 6.0.9.10888 Build 21.11.30(MSSQL) 闽ICP备05000814号-1
    本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护
    ©2000-2021