1. 程式人生 > >JS高程8.BOM window對象(1)

JS高程8.BOM window對象(1)

log window .com ble als pat != pre 操作符

1.全局作用域

1 var age = 14;
2 window.coloer = "pink";
3 
4 console.log(delete window.age);//false 使用var語句添加的window屬性的[[Configurable]]的特性的值為false,因此不能通過delete操作符刪除。
5 console.log(delete window.color);//true
6 
7 console.log(window.age);//14
8 console.log(window.color);//undefined

2.關於嘗試訪問未聲明變量

1 var newValue = oldValue;//
報錯:oldValue is not defined 2 3 var newValue = window.oldValue;//不會報錯,是一次屬性查詢 4 console.log(newValue);//undefined

3.窗口位置

1 var leftPos = (typeof window.screenLeft == "number" ) ? window.screenLeft : window.screenX;
2 var topPos = (typeof window.screenTop == "number" ) ? window.screenTop : window.screenY;
3 4 console.log(leftPos,topPos);/*這裏瀏覽器窗口位置改變,坐標也會相應的改變,在Chrome瀏覽器中,全屏世的坐標是(0,0)*/

4.移動窗口的位置,以下代碼是在IE瀏覽器中測試,Chrome瀏覽器沒有效果。

1 window.moveTo(0,0);/*每刷新一次,移動到(0,0),即屏幕左上角*/
2 window.moveBy(0,100);/*每刷新一次,向下移動100px*/
3 window.moveTo(200,300);/*每刷新一次,移動到(200,300)*/
4 window.moveBy(-50,0);/*每刷新一次,向左移動50個像素*/

5.窗口大小

 1 ar pageWidth = window.innerWidth,
2 pageHeight = window.innerHeight; 3 4 if(typeof pageWidth != "number"){ 5 if(document.compatMode == "CSS1Compat"){ 6 pageWidth = document.documentElement.clienWidth; 7 pageHeight = document.documentElement.clienHeight; 8 }else{ 9 pageWidth = document.body.clienWidth; 10 pageHeight = document.body.clienHeight; 11 } 12 13 } 14 console.log(pageWidth,pageHeight);

6.調整瀏覽器窗口,在IE瀏覽器中測試

1 window.resizeTo(100,100);
2 window.resizeBy(100,50);/*每刷新一次,寬度增加100px(向右),高度增加50px(向下)*/

JS高程8.BOM window對象(1)