用户:Nannnnn/代码测试/common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/**
     * 当屏幕的宽度 >= 960，页面的背景颜色为红色
     * 当屏幕的宽度 >= 640，页面的背景颜色为蓝色
     * 当屏幕的宽度 <  640，页面的背景颜色为绿色
     */
    window.addEventListener('load',function (ev) {
        changeColor();
       // 1. 监听窗口尺寸发生改变
       window.addEventListener('resize',changeColor)
    });
    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';
        }
    }