( ! ) Warning: include(): http:// wrapper is disabled in the server configuration by allow_url_include=0 in D:\www\up\js\window.php on line 14
Call Stack
#TimeMemoryFunctionLocation
10.0000365504{main}( )...\window.php:0

( ! ) Warning: include(http://pub.houheaven.com/Nav02/Nav_deep2.htm): failed to open stream: no suitable wrapper could be found in D:\www\up\js\window.php on line 14
Call Stack
#TimeMemoryFunctionLocation
10.0000365504{main}( )...\window.php:0

( ! ) Warning: include(): Failed opening 'http://pub.houheaven.com/Nav02/Nav_deep2.htm' for inclusion (include_path='.;C:\php\pear') in D:\www\up\js\window.php on line 14
Call Stack
#TimeMemoryFunctionLocation
10.0000365504{main}( )...\window.php:0

信息:原创2014-09-080 次阅读0 个评论

标签:后天堂向上,网站制作,自学教程,网站技术,javascript,javascript window


基本介绍

window 对象是 Javascript 的重要组成部分,分为 DOM 对象BOM 对象




浏览器位置与大小

方法说明IEchff
moveTo(x,y)移动浏览器窗口到指定位置,参考点是屏幕××
moveBy(x,y)移动浏览器窗口到指定位置,参考点是自身××
resizeTo(w,h)改变浏览器窗口的大小,其参数为改变的绝对值××
resizeBy(w,h)改变浏览器窗口的大小,其参数为改变的相对值××
属性说明IEchff
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()对中文和特殊字符进行解码


显示框架
top