本节主要学习js对窗口的一些操作运用:
主要通过学习Window对象的属性和方法,掌握这些属性方法如何控制浏览器以及他们的窗口和帧;
1、计时器
Window对象的方法:
(1)setTimeout()——安排一个函数在指定的以毫秒为单位的时间之后运行;
(2)setInterval()——安排函数在一个指定的毫秒为单位的时间间隔重复地执行;
2、浏览器location和history
(1)窗口的location属性引用的是Location对象,代表窗口当前显示文档的url;
(2)Location的href属性是一个字符串,包含url的完整文本,而Location的toString()方法返回href属性的值;
(3)可以对location属性赋值,这时浏览器把这个值解析为url,并载入和显示;
(4)Window的location属性和Document的location属性的区别:
前者引用的是一个Location对象,具有Location对象的所有特性;而后者只是一个Document的一个属性;
3、获取窗口信息:
(1)获取窗口大小和位置:
//获取窗口大小
var windowWidth = window.outerWidth;
var windowHight = window.outerHeight;
//获取窗口位置
var windowX = window.screenX;
var windowY = window.screenY
//获取文本的位置
var horizontalScroll = window.pageXOffset;
var verticalScroll = window.pageYOffset;
以上的这些属性都是只读的;
4、打开窗口:Window.open(url,windowName,)
该方法有四个参数可选,返回一个新打开的窗口的Window对象:
第一个参数是要在新窗口中显示的文档的url;如果省略,则打开空窗口;
第二个参数是新打开窗口的名字,如果指定的是一个已经存在的窗口的名字,则打开存在窗口,而非新窗口;
第三个参数是一个列表,申明窗口的大小gui等,如果省略,则默认大小;
第四个参数是个布尔值,只有在第二个参数命名的是一个存在的窗口时才有用,申明第一个参数指定的url是应该替换掉当前页(true),还是创建一个新的项(false),默认false;
5、关闭窗口:Window.close()——该方法要显示使用,否则无法区别document.close()
6、对话框:
Window提供3个简单对话框:
(1)alert()——向用户显示一条消息;
(2)confirm()——要求用户点击一个OK或CANCEL按钮;
(3)prompt()——请求用户输入一个字符串;