码迷,mamicode.com
首页 > 其他好文 > 详细

BOM

时间:2017-05-05 23:21:30      阅读:340      评论:0      收藏:0      [点我收藏+]

标签:ie6   全局   window   注意   nbsp   操作   没有   blog   .com   

Q:BOM是什么?

A:“浏览器对象模型”。是Web中使用JS的核心。(而ECMAScript是JavaScript的核心)。

 

Q:window对象与全局变量有差别吗?

A:全局变量不能通过delete操作符删除,而直接在windows对象上的定义的属性可以。

var age = 29;
window.color = "red";

delete window.age; //age不是全局变量,false
delete window.color; //true

alert(window.age); //29
alert(window.color); //undefined

 

确定窗口位置的属性和方法:

1.screenLeft 和 screenTop( 有没有相对应的screenRight和screenBottom??)

var leftPos = (typeof window.screenLeft == "number")?window.screenLeft :window.screenX;
var topPos = (typeof window.screenTop == "number")?window.screenTop :window.screenY;
alert(leftPos);
alert(topPos);

2.moveBy() 和 moveTo()方法

moveBy() 接收 在水平和垂直方向上移动的像素数 , moveTo() 接收新位置的x和y坐标值。(但是这两个货可能会被浏览器禁用~)注意:只能对最外层的window对象使用。

 

窗口大小

1.视口 vs 浏览器窗口

视口:viewpoint 单个标签页对应的浏览器窗口

innerWidth,innerHeight,outerWidth,outerHeight 

document.documentElement.clientWidth 和  document.documentElement.clientHeight(保存页面视口的信息)

注意:IE6特殊,只在标准模式下取得(通过 document.compatMode来确定页面是否处于标准模式)如果是混杂模式,必须通过 document.body.clientWidth 和 document.body.clientHeight取得相同信息。

BOM

标签:ie6   全局   window   注意   nbsp   操作   没有   blog   .com   

原文地址:http://www.cnblogs.com/n2meetu/p/6815046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!