`

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>

分享到:
评论

相关推荐

    javascript window对象

    #### 二、Window对象的作用 `Window`对象在JavaScript中扮演着多重角色: - **全局命名空间**:所有的全局变量和函数都定义在这个对象上。 - **文档容器**:`Window`对象可以访问当前窗口中的文档对象(`document`...

    window对象

    Window对象是JavaScript中一个至关重要的核心概念,它是浏览器环境中所有Web应用程序的基础。它代表了浏览器的一个窗口,提供了与用户交互的界面以及访问浏览器特性的接口。这篇博客文章将深入探讨Window对象及其...

    window对象--event对象详解

    Window对象在JavaScript中是浏览器全局对象,它代表了浏览器的一个窗口或者一个框架。在这个窗口中,我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心,它包含了与...

    JS之WINDOW对象

    JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法,使得开发者能够实现对窗口的各种控制,如打开新的窗口、更改窗口尺寸、滚动内容...

    什么是document对象?什么是window对象?.pdf

    document对象和window对象是JavaScript中最为重要的内置对象,它们是网页交互的核心。document对象代表了整个HTML文档,而window对象则代表了浏览器窗口本身。理解这两个对象可以帮助开发者实现动态网页内容的更新、...

    window对象的常用方法和作用

    【window对象】是JavaScript中的全局对象,它代表了浏览器的窗口。在JavaScript中,所有的全局变量和函数都是window对象的属性和方法。本篇将详细阐述window对象的一些常用方法及其作用。 1. **open方法** `window...

    JavaScript_之Window对象.doc

    JavaScript中的Window对象是全局对象,它是每个浏览器窗口的核心,提供了许多与浏览器窗口交互的方法和属性。这个对象在JavaScript中无处不在,因为它既是全局变量也是全局函数的容器。以下是Window对象的一些主要...

    JavaScript BOM操作 window对象的子级对象 示例代码

    window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window...

    JavaScript bom操作 window对象的方法 示例代码

    JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...

    window对象方法属性全解

    Window对象在Web开发中扮演着至关重要的角色,它是JavaScript中全局对象的一个实例,几乎所有的其他JavaScript对象都是Window对象的后代。了解并熟练掌握Window对象的方法和属性,可以帮助开发者编写出性能更高、更...

    Window对象---基础版

    Window对象 思维导图; 可以用MindManager 、XMind 、百度脑图打开;在这个的基础上面添加自己的理解,整理成自己的个人知识体系

    Excel窗口_Window对象_基本操作应用示例.pdf

    Excel窗口_Window对象_基本操作应用示例.pdf

    javascript Window对象

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript中,`Window`对象是所有浏览器操作的基础。它是全局对象,也是顶级对象。通常我们提到的`window`就是指当前浏览器窗口。`Window`对象拥有许多属性和...

    java视屏\6.WEBBASIC\5.常用内置对象-下 、 外部对象概述 、 window对象.mp4

    java视屏\6.WEBBASIC\5.常用内置对象-下 、 外部对象概述 、 window对象.mp4

    函数和window对象

    同时,`window`对象是浏览器环境中全局作用域的基础,它代表了整个浏览器窗口。这篇博文可能深入探讨了这两者在实际应用中的结合与互动。 函数在JavaScript中扮演着多面手的角色。它们不仅可以执行特定任务,还可以...

    js_Window对象及方法

    "js_Window对象及方法" window 对象是客户端 JavaScript 最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到 BODY、FRAMESET 或 FRAME 元素时,都会自动建立 window 对象的实例。另外,该...

    jsWindow对象及方法.pdf

    根据提供的文件信息,这是一篇关于JavaScript中的window对象及其方法的文档。window对象是Web浏览器中的一个全局对象,它代表了浏览器窗口本身,是JavaScript中的最顶级对象。以下是关于window对象及其相关方法的...

    js学习之Window对象

    JavaScript中的Window对象是浏览器环境中最基础且至关重要的对象,它代表了浏览器的窗口,并提供了与用户交互、控制文档以及访问浏览器特性的接口。在本文中,我们将深入探讨Window对象的各种属性、方法和事件,以便...

    js关于document和window对象

    JS 中的 document 对象和 window 对象 在 JavaScript 中,document 对象和 window 对象是两个非常重要的对象,它们都是 Window 对象的属性,用于描述当前显示的文档和浏览器窗口。 document 对象 document 对象是...

    JavaScript的document和window对象详解

    ### JavaScript的document和window对象详解 #### Document对象 在JavaScript中,`document`对象是`window`和`frames`对象的一个属性,它表示显示在窗口或框架内的HTML文档。通过这个对象,开发者能够访问和操作...

Global site tag (gtag.js) - Google Analytics