`

window 对像

阅读更多
一、window对像的常用属性:
  • closed:该属性返回一个boolean值,用于判断窗口是否处于关闭状态。
  • defaultStatus, status:返回浏览器状态的文本。defaultStatus:设置状态行默认字符串,只读。status:描述状态行字符串,可读写。
  • document:返回窗口中当前所包含的文档对象。
  • frames[]:返回该窗口内包含的Frame对象,每个Frame对象有对应一个window对象。
  • history:返回该窗口的浏览历史。
  • location:返回该窗口所装载的HTML文档所在的URL。
  • name:返回该窗口的名字。
  • navigator:代表浏览当前页面所使用的浏览器。
  • parent:如果当前窗口是一个Frame,则该属性指向包含本Frame的窗口,即改Frame的直接父窗口。
  • screen:指定当前的屏幕对象。
  • self:本身。
  • top:当前窗口的最高层窗口。如果当前窗口是一个Frame,则该属性指向包含Frame的Frame的顶级父窗口。
  • alert()、confirm()、prompt():分别用于弹出警告对话框、确认对话框、提示输入对话框。
  • close():关闭窗口。
  • focus()、blur():让窗口获得焦点、失去焦点。
  • moveBy():将窗口的位置移动指定 x 和 y 偏移值。
  • moveTo():将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
  • open(): 打开新窗口并装入给定 URL 的文档。
  • print(): 打印与窗口关联的文档。
  • resizeBy(): 更改窗口的当前位置缩放指定的 x 和 y 偏移量。
  • resizeTo(): 将窗口的大小更改为指定的宽度和高度值。
  • scroll(): 将窗口滚动到自左上角起指定的 x 和 y 偏移量。
  • scrollBy(): 将窗口滚动 x 和 y 偏移量。
  • scrollTo():将窗口滚动到指定的 x 和 y 偏移量。
  • setInterval(): 每经过指定毫秒值后计算一个表达式。
  • clearInterval(): 使用 setInterval 方法取消先前开始的间隔事件。 
  • setTimeout(): 经过指定毫秒值后计算一个表达式。
  • clearTimeout(): 取消先前用 setTimeout 方法设置的超时事件。


1、Status(IE中有效)
<script>
	window.status="自定义状态栏文字";
	window.defaultStatus="自定义状态栏文字";
</script>


<script>
	//自定义的状态文字
	var statusText = "自定义的动画状态栏文字...";
	var out = "";
	//动画间隔时间
	var pause = 25;
	//动画宽度
	var animateWidth = 20;
	var position=animateWidth;

	var i = 0 ;
	function stack()
	{
		if (statusText.charAt(i) != " ")
		{
			out = "";
			//将0到i-1个字符拼成输出字符串
			for (var j=0; j<i; j++)
			{
				out += statusText.charAt(j);
			}
			//增加一定宽度空格
			for (j=i; j<position; j++)
			{
				out += " ";
			}
			//将第i个字符添加到输出字符串里去
			out += statusText.charAt(i);
			for (j=position; j<animateWidth; j++)
			{
				out += " ";
			}
			window.status = out;
			//如果后出来的字紧靠了前面字符串
			if (position == i)
			{
				animateWidth++;
				position = animateWidth;
				//i加1,对应为多出现一个字符
				i++;
			}
			else
			{
				position--;
			}
		}
		else
		{
			i++
		}		
		if (i < statusText.length)
		{
			setTimeout("stack()",pause);
		}
	}
</script>
<body onload="stack()">

2、window对象的histroy属性是一个History对象,它支持如下几个方法。
back():
foward():
go(intValue):

3、navigator
我们没有必要记住他到底有多少属性,可以通过如下的简单代码测试它在对应平台下所包含的属性。

<SCRIPT LANGUAGE="JavaScript">
alert(window.navigator);
var browser = "当前的浏览器信息是:\n";
for(var propname in window.navigator)
{
    browser += propname + ": " + window.navigator[propname] + "\n"
}
alert(browser);
</SCRIPT>

4、alert()、confirm()、prompt()

<a href="http://www.nit-pro.org" onClick="return confirm('请确认是否导航到新东方IT培训中心');">新东方IT培训</a>


<HTML>
<HEAD>
</HEAD>
<BODY>
你的名字是:<span id="name"></span>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
	name = prompt("请输入你的名字:" ,"");
	document.getElementById("name").innerHTML = name;
</SCRIPT>

5、screen
他通常包含以下几个属性:
width、height、colorDepth(当前屏幕色深)
我们没有必要记住他到底有多少属性,可以通过如下的简单代码测试它所包含的属性。

<SCRIPT LANGUAGE="JavaScript">
alert(window.screen);
var browser = "当前的屏幕信息是:\n";
for(var propname in window.screen)
{
    browser += propname + ": " + window.screen[propname] + "\n"
}
alert(browser);
</SCRIPT>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics