JavaScript学习笔记之BOM

标签：

BOM的核心对象是window，它既表示浏览器窗口以及页面可见区域，同时也是ECMAScript中的Globe对象，所有的全局变量和函数都是它的属性，并且所有的原声函数以及其他函数也都存在于它的命名空间下。

一，window窗口相关设置

1）获取浏览器窗口在显示屏的位置

根据浏览器不同，可以采用screenLeft,screenTop或者screenX,screenY，跨浏览器的代码如下：

//获取浏览器的位置
var leftPos=(typeof window.screenLeft ==‘number‘)?window.screenLeft:window.screenX;
var topPos=(typeof window.screenTop ==‘number‘)?window.screenTop:window.screenY;

2）移动浏览器窗口的位置

moveTo,moveBy.不过该方法一般浏览器是禁用的

3）获取浏览器窗口大小，以及浏览器页面视口的大耵浏览器窗口的大小

不同浏览器的实现方法不同，最终无法确定浏览器窗口本身的大小，但是可以取得页面视口的大小

//获取浏览器视口的位置
var pageWidth=document.innerWidth;
var pageHeight=document.innerHeight;
if(typeof pageWidth!="number"){
    if(document.compatMode=="CSS1Compat"){
        pageWidth=document.documentElement.clientWidth;
        pageHeight=document.documentElement.clientHeight;
    }else{
        pageWidth=document.body.clientWidth;
        pageHeight=document.body.clientHeight;
    }
}
alert(pageWidth+","+pageHeight);

4）调整浏览器窗口大小

可以利用resizeTo()和resizeBy()两个方法，不过这个方法一般也是被禁用的。

二、window相关的全局对象

1.location对象

1）location即是window的属性，也是document的属性，代表当前页面的访问地址

2）locaiton可以通过host,href,pathname,protocol,search等属性，访问当前url地址的相关字段

3）location可以改变当前的访问地址。多采用location.href="新地址"

4)location.reload()重新加载页面

2.navigation对象

代表浏览器应用，可以查询浏览器的版本，名称等。在实际中应用不多。

3.history对象

该对象保存着用户的上网历史，history.go(-n),history.go(n),如果仅仅前进/后退一步，可以使用back(),forward()，来模仿浏览器的前进/后退操作。

三、window相关的全局函数

1.Math，Date等对象提供的相关工具函数

2.window.open(）弹出框函数，该方法可以导航到一个特定的url，可以打开一个新的浏览器窗口，接受四个参数，URL，窗口目标，一个特性字符串("_self,_blank,_parent等")，以及是否在浏览器历史记录中记录当前加载页面的布尔值。有些时候，弹出窗会受限于浏览器的安全限制。

3.间歇调用和超时调用

setTimeOut()：接受两个参数，函数以及经过多长时间后该函数被调用

setInterVal()：接受两个参数，函数以及每间隔多长时候该函数被调用一次

4，系统相关对话框

alert(),confirm(),prompt()

这几个对话框的外观由浏览器决定，而不是由css决定，同时，这些对话框都是同步和模态的，也就是说，显示这些对话框的时候，代码会停止运行，直到关闭这些对话框。

JavaScript学习笔记之BOM

标签：

原文地址：http://www.cnblogs.com/bobodeboke/p/4653920.html