Javascript：window对象
信息：原创2014-09-080 次阅读0 个评论
标签：后天堂向上，网站制作，自学教程，网站技术，javascript，javascript window
基本介绍
window 对象是 Javascript 的重要组成部分，分为 DOM 对象 与 BOM 对象。
浏览器位置与大小
| 方法 | 说明 | IE | ch | ff |
|---|---|---|---|---|
| moveTo(x,y) | 移动浏览器窗口到指定位置，参考点是屏幕 | √ | × | × |
| moveBy(x,y) | 移动浏览器窗口到指定位置，参考点是自身 | √ | × | × |
| resizeTo(w,h) | 改变浏览器窗口的大小，其参数为改变的绝对值 | √ | × | × |
| resizeBy(w,h) | 改变浏览器窗口的大小，其参数为改变的相对值 | √ | × | × |
| 属性 | 说明 | IE | ch | ff |
|---|---|---|---|---|
| screenLeft | 窗口与屏幕左边的距离 | √ | √ | × |
| screenTop | 窗口与屏幕上边的距离 | √ | √ | × |
| screenX | 窗口与屏幕左边的距离 | × | √ | √ |
| screenY | 窗口与屏幕上边的距离 | × | √ | √ |
| innerWidth | 浏览器窗口本身的宽度 | × | √ | √ |
| innerHeight | 浏览器窗口本身的高度 | × | √ | √ |
| outerWidth | 浏览器窗口本身及边框的宽度 | × | √ | √ |
| outerHeight | 浏览器窗口本身及边框的高度 | × | √ | √ |
说明：
IE：表示使用 IE 内核的浏览器，比如 IE、360安全浏览器 等浏览器。
ch：表示使用 webkit 内核的浏览器，比如 谷歌浏览器、苹果浏览器 等浏览器。
ff：表示使用 Gecko 内核的浏览器，比如 火狐浏览器 等浏览器。
√：表示浏览器支持该属性或方法。
×：表示浏览器不支持该属性或方法。
弹出对话框
| 方法名称 | 描述 |
|---|---|
| alert(str) | 弹出提示框，无返回值 |
| confirm(str) | 弹出确认框，点击确定返回 true，点击取消返回 false |
| prompt(str,value) | 弹出输入框，返回输入结果，没有输入的话返回 null |
| print() | 打印本页面 |
弹出窗口
函数：open(url,name,feature)
说明：打开一个浏览器窗口，返回值是新窗口的 window 对象。
| 参数 | ||
| url | 窗口打开的网站地址，缺省时打开空白页 | 实例 |
| name |
窗口打开的位置，两种参数值 第一种：target 属性值，如 _blank、_parent 等 第二种：自定义窗口标识，给窗口拟定一个字符串标识，下次就可以从这个标识窗口打开新网址 | 实例 |
window.open("http://www.houheaven.com","_blank"); // 实例一，永远会打开一个新的展示窗口
window.open("http://www.houheaven.com","_parent"); // 实例二，在本窗口打开指定的网址内容
window.open("http://www.houheaven.com","hh"); // 实例三，在“hh”标识窗口打开后天堂网站
window.open("http://www.baidu.com","hh"); // 实例三，在“hh”标识窗口打开百度网站
查看实例一的效果（点击两次，会弹出两个后天堂窗口） 查看实例二的效果（点击后，本页面跳转到后天堂首页） 查看实例三的效果（点击后，正常弹出一个新窗口） 查看实例三的效果（点击后，上面弹出的窗口会打开百度） |
||
| feature |
width 新窗口的宽度 数值
height 新窗口的高度 数值
left 新窗口与屏幕左边的距离 数值
top 新窗口与屏幕上边的距离 数值
status 新窗口是否显示状态栏 yes|no
menubar 新窗口是否显示菜单栏 yes|no
toolbar 新窗口是否显示工具栏 yes|no
location 新窗口是否显示地址栏 yes|no
resizable 新窗口是否能改变大小 yes|no
scrollbars 新窗口是否显示滚动条 yes|no
fullscreen 新窗口是否能够最大化 yes|no
| 实例 |
window.open("http://www.houheaven.com","web","width=1024,height=500,left=150,top=100");
由于浏览器差异和某些参数的使用造成了用户体验的降低，现在只有前四个参数能够被所有浏览器支持。查看效果 |
||
计时器
| 名称 | 设置方式 | 取消方式 |
|---|---|---|
| 间歇调用 | timerid=setInterval(function,time) | clearInterval(timerid) |
| 超时调用 | timerid=setTimeout(function,time) | clearTimeout(timerid) |
编码解码
| 方法 | 说明 |
|---|---|
| encodeURI() | 对中文进行编码 |
| decodeURI() | 对中文进行解码 |
| encodeURIComponent() | 对中文和特殊字符进行编码 |
| decodeURIComponent() | 对中文和特殊字符进行解码 |