js学习笔记——脚本化浏览器窗口

本节主要学习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()——请求用户输入一个字符串；