开车啦！今天去往浏览器对象的操作及实例 | JavaScript

这是我参与更文挑战的第23天，活动详情查看： 更文挑战

window 对象

• moveBy(x, y) 函数: 从当前位置水平移动窗体x个像素，垂直移动窗体y个像素，x为负数，将向左移动窗体，y为负数，将向上移动窗体

• moveTo(x, y) 函数: 移动窗体左上角到相对于屏幕左上角的(x,y)点，当使用负数做为参数时会吧窗体移出屏幕的可视区域

• resizeBy(w, h) 函数: 相对窗体当前的大小，宽度调整w个像素，高度调整h个像素。如果参数为负值，将缩小窗体，反之扩大窗体

• resizeTo(w, h) 函数: 把窗体宽度调整为w个像素，高度调整为h个像素

• scrollTo(x, y) 函数: 在窗体中如果有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置

• scrollBy(x, y) 函数: 如果有滚动条，将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)

• focus() 函数: 使窗体或控件获取焦点

• blur() 函数: 与focus函数相反，使窗体或控件失去焦点

• open(url, name, features, replace) 函数: 打开(弹出)一个新的窗体

url — 要载入窗体的URL

name — 新建窗体的名称(也可以是HTML target属性的取值，目标)

features — 代表窗体特性的字符串，字符串中每个特性使用逗号分隔

replace — 一个布尔值，说明新载入的页面是否替换当前载入的页面，此参数通常不用指定

• close() 函数: 关闭窗体

opener 属性: 对新建窗体的引用

• alert(str) 函数: 弹出消息对话框（对话框中有一个OK按钮）
• confirm(str) 函数: 弹出消息对话框（对话框中包含一个OK按钮与Cancel按钮）
• prompt(str1, str2) 函数: 弹出消息对话框（对话框中包含一个OK按钮、Cancel按钮与一个文本输入框）

defaultStatus 属性: 改变浏览器状态栏的默认显示(当状态栏没有其它显示时)，浏览器底部的区域称为状态栏，用于向用户显示信息

status 属性: 临时改变浏览器状态栏的显示，浏览器底部的区域称为状态栏，用于向用户显示信息

• setTimeout(codes, interval) 函数: 暂停指定的毫秒数后执行指定的代码
• clearTimeout(id) 函数: 取消指定的setTimeout函数将要执行的代码
• setInterval(codes, interval) 函数: 间隔指定的毫秒数不停地执行指定的代码
• clearInterval(id) 函数: 取消指定的setInterval函数将要执行的代码

history 对象:

• go() 函数
• back() 函数
• forward() 函数

location 对象

• hash 属性: 返回URL#后面的内容，如果没有#，返回空
• host 属性: 返回URL中的域名部分，例如www.baidu.com
• hostname 属性: 返回URL中的主域名部分，例如dreamdu.com
• href 属性: 返回或设置当前文档的URL
• pathname 属性: 返回URL的域名后的部分。例如 www.baidu.com/xhtml/ 返回/xhtml/
• port 属性: 返回URL中的端口部分。例如 www.baidu.com:8080/xhtml/ 返回8080
• protocol 属性: 返回URL中的协议部分。例如 www.baidu.com:8080/xhtml/ 返回(//)前面的内容http:
• search 属性: 返回URL中的查询字符串部分。例如 www.baidu.com/baidu.php?i… 返回包括(?)后面的内容?id=5&name=baidu
• assign(url) 函数: 设置当前文档的URL
• replace(url) 函数: 设置当前文档的URL，并且在history对象的地址列表中移除这个URL
• reload(isServer) 函数: 重载当前页面

参数说明

• isServer — true时从服务器端重新下载页面，否则只从本地浏览器缓存中重载

不使用参数时，默认为false，从本地浏览器缓存中重载

navigator 对象

• userAgent 属性: 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
• cookieEnabled 属性: 返回浏览器是否支持(启用)cookie

screen 对象

• availHeight 属性: 返回窗口可以使用的屏幕高度，单位像素
• availWidth 属性: 返回窗口可以使用的屏幕宽度，单位像素
• colorDepth 属性: 返回用户浏览器表示的颜色位数，通常为32位(每像素的位数)
• pixelDepth 属性: 返回用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持此属性）

实例

实例1

编写代码，控制当前浏览器窗口，使之能够上下左右移动，放大、缩小

实例2

编写代码，当点击按钮时，能够在新窗口打开一个网址，之后用代码关闭这个新窗口。

实例3

编写代码，点击按钮时弹出对话框，并提示用户在对话框中输入一个数值，确定后计算从1加到该数值的和

实例4

编写代码，点击按钮之后，将每隔10秒钟弹出一个对话框，弹出5次后结束

实例5

编写代码，点击按钮之后，获取当前页面的host、hostname、href、pathname、port、protocol信息

实例6

编写代码，使用location对象的href方法打开一个网页

、

实例7

编写代码，查看浏览器的cookie功能是否打开，然后在浏览器设置中修改cookie功能，再次验证

实例8

编写代码，查看浏览器的最大高度、最大宽度，并将浏览器窗口大小设置为最大宽度和最大高度；如果浏览器窗口不是从左上角开始的，将之移动到左上角