BOM

常用对象

概念：B（browser）O（object）M（model）浏览器对象模型

我们定义的全局变量和全局函数都是window对象的属性和方法。

window：窗口

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

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

var p1= document.getElementById("p1");
var width = window.innerWidth;
var height = window.innerHeight;
p1.innerHTML = "窗口的宽度为："+width+"窗口的高度为"+height

窗口body的宽度：window.innerWidth

窗口body的高度：window.innerHeight

 

常用的方法：

Open :打开一个新的窗口，要传入三个参数，第一个是要打开的窗口的路径或者网址，第二个是打开的方式，第三个是打开的窗口的描述（宽和高）。

function openWin(){
     myWindow= window.open("http://www.baidu.com","_blank","width=200;height = 300")
}

close：关闭一个窗口。

myWindow.close();

moveto:移动一个窗口，以窗口的左上角为坐标起点。

function removeWin(){
    //一个窗口的左上角为移动窗口的坐标
    myWindow.moveTo(200,200);
    myWindow.focus()//窗口获得焦点
}

focus：使窗口获得焦点

resizeto：改变窗口大小

function resizeWin(){
    myWindow.resizeTo(500,500)
    myWindow.focus()
}

screen:屏幕， 也是window下面的一个对象，在使用的时候可以用window.screen，也可以把window省略掉。

屏幕的常用属性：宽，高：可用宽和可用高（可用高不包括任务栏）

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

location:地址，路径

完整路径：href

var href = location.href;
 document.write("完整的路径"+href+"<br>");
端口号 :port

var port = location.port;
 document.write("端口号"+port+"<br>");
路径名 ：pathname

var path = location.pathname;
document.write("路径名"+path+"<br>");
协议 :protocol

var pro = location.protocol;
document.write("协议"+pro+"<br>")

常用方法：

打开一个新的路径：

location.assign("http//:www.runoob.com");

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

location.reload() //如果传值为true,就是强制刷新

history:历史记录

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

back:返回上一页

history.back();

faoward:进入下一页

history.forward()

go：进入指定的那一页

弹窗

alert():警告提示框，也是window对象下的方法，window可以省略不写。

alert("提示的内容");//警告提示框

prompt(“提示的信息”,”默认值”)：信息提示输入框，也是window对象下的方法，window可以省略不写。当点击确定后，才会将值返回，否则返回为空。

var str = prompt("请输入内容","helloworld");

confirm(“提示的信息”)：确认框，也是window对象下的方法，window可以省略不写，当点击确定的时候，返回值为true,如果点击取消，返回值为false。