JavaScript初步认识BOM

BOM

概念browser object model

常用对象

Window：窗口，浏览器的窗口
我们定义的全局变量和全局函数都是window对象的属性和方法

var a=1;
function test() {
    var a=2;
    alert(a);
    alert(window.a);
}
test();

全局变量是window的属性
全局函数是window的方法

Window.innerWidth：窗口boby的宽度
Window.innerHeight：窗口boby的高度

常用的方法

Open：打开一个新的窗口。要传三个参数；第一个将要打开窗口的路径地址；第二个为打开的方式；第三个为对于新打开的浏览器的描述

var myWindow=window.open("https://www.baidu.com/","_blank","width=200,height=300");

close：关闭一个窗口

myWindow.close();

moveTo：移动一个窗口，以窗口的左上角为坐标起点

myWindow.moveTo(200,200);

focus：使窗口获得焦点

myWindow.focus();

resizeTo：改变窗口的大小

myWindow.resizeTo(1000,1500);

screen：屏幕 也是window下面的一个对象，在使用的时候可以用window.screen，也可以省略window
屏幕的常用属性：宽、高；可用宽与可用高（可用高不包括任务栏）

var scrWidth=window.screen.width;
var scrHeight=screen.height;
document.write("屏幕的宽："+scrWidth+"\n"+"屏幕的高"+scrHeight+"\n");
var scrAvaWidth=screen.availWidth;
var scrAvgHeight=screen.availHeight;
document.write("屏幕的宽："+scrAvaWidth+"\n"+"屏幕的高"+scrAvgHeight+"\n");

Location：地址
常用属性：href完整路径 port端口号 pathname路径名
Protocol：协议
常用方法
打开一个新的路径（）窗口

LOCATION.ASSIGN("HTTP://WWW.BAIDU.COM/");

刷新：普通刷新和强制刷新

如果传值为TRUE，那么就是强制刷新

History：历史记录

记录当前窗口的历史，可以进行页面的转换

方法

back---回到上一页
Forward---进入下一页
Go---进入确定的那一页（-1回到上一页）
History.back()
History.forward()
History.go(-1)