Javascript学习笔记4 BOM

window对象

BOM：浏览器对象模型，其核心对象是window，表示浏览器的一个实例。其作为Global对象，在全局作用域中声明的变量和函数都会变成window对象的属性和方法

每个框架都具有自己的 window 对象，并且保存在 frames 集合中，且每个window对象都有一个 name 属性，其中包含着框架的名字。 top 对象始终指向最外层的框架(浏览器窗口)，而 parent 对象始终指向当前框架的直接上层框架，在没有框架的情况下，top等于parent。 self 对象始终指向window

frames[0],frames[1]...
frames["name"]
top.frames[0]
window.frames[0]

窗口位置：screenLeft和screenTop属性（相对屏幕左边和上边的位置），或者screenX和screenY。moveTo(x,y)移动窗口至新的x，y坐标，moveBy(x_relative,y_relative)水平和垂直方向上的移动像素值

窗口大小：innerWidth和innerHeight属性（页面视图大小），outerWidth和outerHeight浏览器窗口本身大小。resizeTo(x,y)改变窗口大小至新宽度和高度，resizeBy(x_relative,y_relative)水平和垂直方向上新窗口和原窗口的宽度和高度差

打开窗口

window.open(url,窗口目标,特性字符串,表示新页面是否取代浏览器浏览记录中当前加载页面的布尔值);
窗口目标:_self（自身）,_parent（父窗口）,_top（浏览器窗口）,_blank（新的空白窗口）或新窗口的名称字符串
new_window = window.open("https://www.zjw666.top");
new_window.close()  //只能关闭使用open方法打开的窗口

超时调用和间歇调用

window.setTimeout(执行的代码，毫秒为单位的时间值)；
var timeoutId = window.setTimeout(function(){alert("zjw");},1000);  //在1秒之后调用
window.clearTimeout(timeoutId);   //取消尚未执行的超时调用

window.setInterval(执行的代码，毫秒为单位的时间值);
var timeoutId = window.setInterval(function(){alert("zjw");},1000);  //每隔1秒重复调用
window.clearInterval(timeoutId);   //取消间歇调用

系统对话框

alert()   //接受一个字符串并显示给用户，
confirm()   //接受一个字符串，根据用户选择返回true或false
prompt(）  //用于提示用户输入一些文本，返回输入值或null

location对象

最有用的BOM对象之一，其即是window对象的属性，也是document对象的属性

location对象属性

属性名	例子	说明
hash	#contents	返回URL的hash（#号后跟的字符）
host	“www.zjw.com:80”	服务器名称和端口
hostname	“www.zjw.com”	不带端口号的服务器名称
href	“https://www.zjw666.top”	返回完整的URL
pathname	“/zjwfile/”	返回URL中文件目录和文件名
port	“8080”	返回URL中的端口号，若没有，则返回空字符串
protocol	“http:”	返回协议
search	“?q=javasrcipt”	返回URL中的查询字符串

• 可以更改location或location的href属性来改变当前加载的页面

window.location = "www.zjw666.top"
或location.href = "www.zjw666.top"

• 使用replace()方法避免生成历史记录（不能使用后退按钮）

window.location.replace("www.zjw666.top");

• 使用reload()方法重新加载页面

window.location.reload（）; //当接受true关键字时，表示从服务器而不是从缓存中重新加载

history对象

保存着用户上网记录，可以使用go()方法在记录中任意跳转

history.go(-1); //回退1页
history.go(1);  //前进一页
history.go(2);  //前进两页
history.go("www.zjw666.top")  //历史记录中包含该字符串的位置
history.length //历史记录的数量