JavaScript提供了一组以窗口为核心的对象,实现了对浏览器窗口的访问控制。JavaScript中定义了六个重要的对象:
窗口对象表示浏览器中打开的窗口;
文档对象表示在浏览器中加载页面的文档对象;
位置对象包含浏览器的当前URL信息;
导航对象包含浏览器本身的信息;
屏幕对象包含客户端屏幕和渲染能力的信息;
历史对象包含浏览器访问的网页的历史信息。
除了窗口对象,其他五个对象都是窗口对象的属性,它们的关系如下:。
1.窗口对象。
窗口对象是JavaScript的Global对象,所以不需要指定窗口对象的属性和方法。例如:alert,实际上完整的调用是window.alert,它通常省略了对window对象的引用。
1.windows对象的属性、方法和事件。
窗口对象的属性名用于指定窗口、父窗口、当前窗口(框架)的父窗口的演示名称,并用于返回对象的方法和属性。opener返回生成当前窗口的window对象,并使用它返回对象的方法和属性。top表示主窗口,它是最上面的窗口,也是所有其他窗口的父窗口。可访问当前窗口的方法和属性自身返回当前窗口的对象,可访问当前窗口的方法和属性defaultstatus返回或设置浏览器状态栏中显示的默认内容返回或设置浏览器状态栏中显示的指定内容。
window对象的方法名作为demo alert()来显示一个警报对话框,其中包含一条消息和一个确认按钮。confirm()显示确认对话框提示()显示提示对话框,提示用户输入数据open()打开现有窗口或创建新窗口。并在窗口中加载文档close()关闭一个打开的窗口navigate()在当前窗口中显示指定的网页setTimeout()设置一个定时器,在指定的时间间隔后,调用函数clearTimeout()将focus()重置为指定的定时器,这样一个window对象就可以得到当前的focus blur()。使窗口对象失去当前焦点。窗口对象事件的事件描述当加载HTML文件的演示被加载到浏览器中时发生。从浏览器中删除未加载的HTML文件。onfocus窗口获得焦点。on bulr窗口失去焦点。当用户按下F1键时,会出现onhelp。当所有用户在调整窗口大小时滚动窗口时出现错误,当加载HTML文件时出现错误时出现错误。
2.窗口对象提供的主要功能:
调整窗口大小和位置,打开新窗口,系统提示框,状态栏控制和定时操作。这五个功能将在下面详细描述。
(1)调整窗口大小和位置的方法。
使用
解释
窗口。移动
将浏览器窗口移动到指定位置(相对定位)。
window.moveBy(dx,dy)
为了安全和对用户的良好考虑,不允许使用JavaScript脚本将窗口移出可见区域,浏览器窗口必须始终在屏幕的可见区域。
窗口。移动到
将浏览器窗口移动到指定位置。
(绝对定位)
window.moveBy(x,y)
如果指定的坐标(x,y)将部分或全部窗口置于可见区域之外,则窗口将停留在最靠近屏幕边缘的位置。
window.resizeBy
将浏览器窗口的大小更改指定的宽度和高度(相对调整窗口大小)。
window.resizeBy(dw,dh)
window.resizeTo
根据指定的宽度和高度更改浏览器窗口的大小(绝对调整窗口大小)。
window.resizeTo(w,h)
的指定宽度和高度不能为负。
(2)打开一个新窗口。
用法:window.open ([URL],[目标],[选项])。
参数url:打开新窗口时要加载的url。如果未指定参数,默认情况下将加载一个空白页。例如window . open(' test . htm ');
参数目标:新打开窗口的目标或名称。
_self在当前窗口中加载新页面。
_blank在新窗口中加载新页面。
_parent在父窗口中加载新页面。
_在顶层窗口中加载新页面。
参数选项:新打开的窗口的属性由几个用逗号分隔的选项组成,每个选项包含选项的名称和值。
选择权
解释
高度
窗口高度,以像素为单位。
宽度
窗口的宽度,以像素为单位。
左边的
窗口的左边缘位置。
顶端
窗口的上边缘位置。
全屏
全屏,默认值为否。
位置
是否显示地址栏,默认值为是。
菜单条
是否显示菜单栏,默认值为是。
可调整大小的
是否允许更改窗口大小,默认值为是。
滚动条
是否显示滚动条,默认值为是。
状态
是否显示状态栏,默认值为是。
标题栏
是否显示标题栏,默认值为是。
工具栏
是否显示工具栏,默认值为是。
(3)系统提示框。
Window.alert使用window . alert([消息])显示消息提示框;(注意:一般省略窗口对象,直接使用预警。)
Window.confirm显示一个带有“确定”和“取消”按钮的确认对话框。
Window.prompt显示带有文本输入框的消息提示框。用法:window.prompt ([message],[default]);消息是显示在提示框中的文本,默认值是设置文本框的默认值。
(4)状态栏控件。
由window.status属性控制。例如window.status='错误提示';这样做会影响用户体验,所以不建议修改状态栏信息。
(5)定时操作。
定时操作是web开发中常见的功能。在基于Ajax技术的开发中,有一类应用需要定期访问后台服务器,更新前台页面。这种应用的实现通常依赖于定时操作功能。
有四个定时操作函数:window.setInterval、window.clearInterval、window.setTimeout和window.clearTimeout这四个函数是window对象的方法,说明浏览器中的定时操作是由浏览器窗口完成的。下面详细描述这四种方法的用法。
(1) window.setinterval设置一个计时器,以定期执行指定的代码window.setinterval(代码,时间);
描述:代码参数可以是函数或字符串形式的JavaScript代码。
参数是执行代码的时间间隔,单位是毫秒.
window.clearInterval清除定时器窗口。setInterval函数设置的clearInterval(时间);
window.setTimeout设置定时器,定时执行指定的代码window.setTimeout(代码,时间);
注意:代码参数可以是函数或字符串形式的JavaScript代码。setTimeout和setInterval的区别在于,setTimeout只执行一次指定的代码。
参数是执行代码的时间间隔,单位是毫秒.
window.clearTimeout清除计时器窗口。由setTiimeout函数设置的clearTimeout(时间);
以上JavaScript浏览器对象之一Window对象的详细讲解,就是边肖与大家分享的全部内容,希望能给大家一个参考和支持。