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 窗口打开的网站地址，缺省时打开空白页

实例

 
      window.open();
      window.open("http://www.houheaven.com");

查看参数缺省时的效果

查看参数存在时的效果
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() 对中文和特殊字符进行解码