技术帮
 

Window对象

本网站内容基本都是原创作品,未得到作者同意也欢迎转载
转载请注明出处:技术帮
说你呢,赶紧长按二维码,然后点击识别图中二维码

任何技术难题可进QQ群提问:【小崔说编程
对于提问的原则是:没有你不能问的,只有我不会答的

1472955908895017376.png说两句


Window 对象表示浏览器中打开的窗口。

如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

注释:没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。


window对象是所有对象的根。document location navigator Screen对象都是window对象的成员变量。


1473058358717068189.png 常用方法


alert()显示带有一段消息和一个确认按钮的警告框。


confirm()显示带有一段消息以及确认按钮和取消按钮的对话框。


prompt()显示可提示用户输入的对话框。


setInterval()按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

   

clearInterval()取消由 setInterval() 设置的 timeout。


setTimeout()在指定的毫秒数后调用函数或计算表达式。

setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。


clearTimeout()取消由 setTimeout() 方法设置的 timeout。



 例子


if(window!=undefined){
	console.log("存在window对象");
}

//只读属性,声明了窗口的文档显示区的高度和宽度,以像素计。
//这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。
//IE 不支持这些属性。它用 document.documentElement 或 document.body (与 IE 的版本相关)的 clientWidth 和 clientHeight 属性作为替代。
console.log("innerHeight = "+window.innerHeight);
console.log("innerWidth = "+window.innerWidth);

//outerHeight 属性声明了整个窗口的高度。
//IE 不支持此属性,且没有提供替代的属性。
console.log("outerHeight = "+window.outerHeight);
console.log("outerWidth = "+window.outerWidth);

//新创建一个窗口,并设置宽度和高度
// open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
// 语法:window.open(URL,name,features,replace)
// features:一个可选的字符串,声明了新窗口要显示的标准浏览器的特征
//			fullscreen=yes|no|1|0	是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
//			height=pixels	窗口文档显示区的高度。以像素计。
//			width=pixels	窗口的文档显示区的宽度。以像素计。
//			left=pixels	窗口的 x 坐标。以像素计。
//			top=pixels	窗口的 y 坐标。
//			location=yes|no|1|0	是否显示地址字段。默认是 yes。  chrome不支持
//			menubar=yes|no|1|0	是否显示菜单栏。默认是 yes。
//			resizable=yes|no|1|0	窗口是否可调节尺寸。默认是 yes。  chrome不支持
//			scrollbars=yes|no|1|0	是否显示滚动条。默认是 yes。  
//			status=yes|no|1|0	是否添加状态栏。默认是 yes。  chrome不支持
//			titlebar=yes|no|1|0	是否显示标题栏。默认是 yes。  chrome不支持
var newWin=window.open("http://www.jiisb.com","new_jiisb","width=200,height=300,left=200,top=100");

newWin.moveTo(400,200);
newWin.outerHeight=600;

// 关闭新打开的窗口
newWin.close();