| body部分： script部分： <script> // window.onload 是窗口加载事件，可以实现将代码写到元素上面 window.addEventListener('load', function () { var btn = document.querySelector('button'); // 定义一个变量，用来判断灯的开关情况 var flag = 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> var btn = document.querySelector('button'); var flag = 0; btn.onclick = function () { if (flag == 0) { document.body.style.backgroundColor = 'black'; flag = 1; } else { document.body.style.backgroundColor = 'pink'; flag = 0; } } </script> 到此这篇关于 利用js实现简单开关灯代码的文章就介绍到这了,更多相关 js实现简单开关灯内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net！
下载地址:
Vue实现跑马灯样式文字横向滚动
JavaScript仿小米官网注册登录功能的实现 |
