用户:Nannnnn/代码测试/common.js:修订间差异

来自Limbo Wiki
(创建页面,内容为“→‎* * 当屏幕的宽度 >= 960,页面的背景颜色为红色 * 当屏幕的宽度 >= 640,页面的背景颜色为蓝色 * 当屏幕的宽度 < 640,页面的背景颜色为绿色:​ window.addEventListener('load',function (ev) { changeColor(); // 1. 监听窗口尺寸发生改变 window.addEventListener('resize',changeColor) }); function changeColor() { if (myTool.client().width >= 960){…”
 
无编辑摘要
第7行: 第7行:
         changeColor();
         changeColor();
       // 1. 监听窗口尺寸发生改变
       // 1. 监听窗口尺寸发生改变
      window.addEventListener('resize',changeColor)
     });
     });
     function changeColor() {
     function changeColor() {

2022年8月23日 (二) 19:12的版本

/**
     * 当屏幕的宽度 >= 960,页面的背景颜色为红色
     * 当屏幕的宽度 >= 640,页面的背景颜色为蓝色
     * 当屏幕的宽度 <  640,页面的背景颜色为绿色
     */
    window.addEventListener('load',function (ev) {
        changeColor();
       // 1. 监听窗口尺寸发生改变
    });
    function changeColor() {
        if (myTool.client().width >= 960){
            document.body.style.backgroundColor = 'red';
        }else if(myTool.client().width >= 640){
            document.body.style.backgroundColor = 'blue';
        }else{
            document.body.style.backgroundColor = 'green';
        }
    }