常用对象
概念: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。