onresize
1 window.onresize = function (ev) {
2 console.log('尺寸發生改變！');
3 };
4
5 window.addEventListener('resize', function (ev) {
6 console.log('尺寸發生改變！');
7 }); 1 /*
2 當屏幕的寬度>=960時，頁面的背景顏色為紅色；
3 當屏幕的寬度>=640時，頁面的背景顏色為藍色；
4 當屏幕的寬度<640時，頁面的背景顏色為綠色？
5 */
6
7 window.addEventListener('load', function (ev) {
8 changeColor();
9 // 1. 監聽窗口的尺寸發生改變
10 window.addEventListener('resize', changeColor);
11
12 function changeColor(ev1) {
13 if(myTool.client().width >= 960){
14 document.body.style.backgroundColor = 'red';
15 }else if(myTool.client().width >= 640){
16 document.body.style.backgroundColor = 'blue';
17 }else {
18 document.body.style.backgroundColor = 'green';
19 }
20 }
21 }); 1 client: function() {
2 if(window.innerWidth){ // ie9+ 最新的瀏覽器
3 return {
4 width: window.innerWidth,
5 height: window.innerHeight
6 }
7 }else if(document.compatMode === "CSS1Compat"){ // W3C
8 return {
9 width: document.documentElement.clientWidth,
10 height: document.documentElement.clientHeight
11 }
12 }
13 return {
14 width: document.body.clientWidth,
15 height: document.body.clientHeight
16 }
17 }
?
轉載于:https://www.cnblogs.com/zhangzhengyang/p/11210875.html
總結
- 上一篇： Django权限系统auth模块详解
- 下一篇： 手把手教你:亲手打造Silverligh