用户:Nannnnn/代码测试/common.js:修订间差异
来自Limbo Wiki
< 用户:Nannnnn | 代码测试
(创建页面,内容为“→* * 当屏幕的宽度 >= 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. 监听窗口尺寸发生改变 | ||
}); | }); | ||
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'; } }