二、Window对象的属性和方法
Window对象共有七个属性：
● defauleStatus：指定窗口状态栏中的信息。
● status：指定当前窗口状态栏中的信息。
● frames：是一个数组，其中内容是窗口中所有的框架。
● parent：指当前窗口的父窗口。
● self：指当前窗口。
● top：代表当前所有窗口的最顶层窗口。
● window：代表当前窗口。
Window对象有五个方法：
● alert：显示带有一个“确定”按钮的对话框。
● confirm：显示带有“确定”与“取消”两个按钮的对话框。
● prompt：显示带有输入区的对话框。
● open：打开一个新窗口。
● close：关闭用户打开的窗口。
三、status属性例子，在窗口状态栏显示和清除文字
单击"写入文字"按钮，在状态栏显示'这是状态栏'。按"清除文字"按钮，清除状态栏的文字。
<html>
<head>
<script language="JavaScript">
function statbar(txt) {
windowstatus = txt; }
</script>
</head>
<body>
<form>
<input type="button" name="look" value="写入文字" onclick="statbar('这是状态栏');">
<input type="button" name="erase" value="清除文字" onclick="statbar('');">
</form>
</body>
</html>
四、alert方法例子：显示“大家来学习JavaScript脚本语言。”的对话框。
<html>
<body>
<script language="JavaScript">
alert("大家来学习JavaScript脚本语言。")
</script>
</body>
</html>
五、 Confirm方法例子：让用户选择是否进入下一页。
用confirm显示选择对话框，按“确定”进入nexthtm，按“取消”不进入。
<html>
<body>
<script language="JavaScript">
if(confirm("你想进入下一页吗？"))
location="nexthtm"
</script>
</body>
</html>
六、Prompt方法例子：让用户输入姓名，并将它显示出来。
用prompt显示输入对话框，让用户输入姓名，再用alert对话框显示出来。
<html>
<body>
<script language="JavaScript">
var name
name=prompt("请输入姓名","张国强")
alert("你好，"+name)
</script>
</body>
</html>
七、Window对象方法例子
当打开网页时，立即打开另一窗口，显示testhtm。
<html>
<body onload="javascript:windowopen('testhtm')">
</body>
</html>
八、History对象的属性和方法
History对象只有一个length属性，它表示历史对象中的链接的数目。
History对象有以下方法：
● back：在浏览器中显示上一页。
● forward：在浏览器中显示上下页。
● go(int)：在浏览器中载入从当前算起的第int个页面。
九、History例子：具有“上一页”、“下一页”按钮的页面。
<html>
<body>
<form>
<input type="button" value="上一页" onClick="historyback()">
<input type="button" value="下一页" onClick="historyforward()">
</body>
</html>
url 后面的是 windowlocationsearch对象，参数都保存在这个对象中，直接用就可以了
新页面：
<script>
function getparam(){
var query = locationsearchsubstring(1);
var values= querysplit("&");
for(var i = 0; i < valueslength; i++) {
var pos = values[i]indexOf('=');
if (pos == -1) continue;
var paramname = values[i]substring(0,pos);
var value = values[i]substring(pos+1);
alert(paramname +","+value );
}
}
</script>
<body onload = "getparam();"></body>
引用方法top 该变量永远指分割窗口最高层次的浏览器窗口 如果计划从分割窗口的最高层次开始执行命令 就可以用top变量 parent 该变量指的是包含当前分割窗口的父窗口 如果在一个窗口内有分割窗口 而在其中一个分割窗口中又包含着分割窗口 则第 层的分割窗口可以用parent变量引用包含它的父分割窗口 附 Window对象 Parent对象 Frame对象 Document对象和Form对象的阶层关系 Windwo对象→Parent对象→Frame对象→Document对象→Form对象 如下 parent frame document forms[ ] elements[ ] value; 在JS中 window location(window location href)和window top location(window top location href)是一样的意思 可以通过top来调用任何一个frame 因为top指的是最外层的frameset 可以调用它里面的任何一个子元素frame 如 top outterFrame location和top innerFrame location等 parent指的是当前窗口（frame）的父窗口(frameset)可以调用它里面的任何一个子元素frame 如 parent innerFrame location和parent innerFrame location等
复制代码 代码如下:
lishixinzhi/Article/program/Java/Javascript/201401/30273
一、指代不同
1、document对象：代表给定浏览器窗口中的 HTML 文档。
2、window对象：表示浏览器中打开的窗口。
二、作用不同
1、document对象：使用 document 对象可以对 HTML 文档进行检查、修改或添加内容，并处理该文档内部的事件。
2、window对象：浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
三、使用方式不同
1、document对象：在 Web 页面上，document 对象可通过 window 对象的 document 属性引用，或者直接引用。
2、window对象：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。
参考资料来源：百度百科-Window 对象
参考资料来源：百度百科-document对象
1、windowopen(pageURL,name,parameters)
pageURL 为d出窗口路径;
name 为d出窗口名称，也可以是系统自带的比如：_self, _blank,_top,_parent ;
parameters 为窗口参数(各参数用逗号分隔) ;
各项参数
其中yes/no也可使用1/0，pixel value为具体的数值，单位象素。
参数 取值范围 说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之后
alwaysRaised yes/no 指定窗口悬浮在所有窗口之上
depended yes/no 是否和父窗口同时关闭
directories yes/no Nav2和3的目录栏是否可见
height pixel value 窗口高度
hotkeys yes/no 在没菜单栏的窗口中设安全退出热键
innerHeight pixel value 窗口中文档的像素高度
innerWidth pixel value 窗口中文档的像素宽度
location yes/no 位置栏是否可见
menubar yes/no 菜单栏是否可见
outerHeight pixel value 设定窗口(包括装饰边框)的像素高度
outerWidth pixel value 设定窗口(包括装饰边框)的像素宽度
resizable yes/no 窗口大小是否可调整
screenX pixel value 窗口距屏幕左边界的像素长度
screenY pixel value 窗口距屏幕上边界的像素长度
scrollbars yes/no 窗口是否可有滚动栏
titlebar yes/no 窗口题目栏是否可见
toolbar yes/no 窗口工具栏是否可见
Width pixel value 窗口的像素宽度
z-look yes/no 窗口被激活后是否浮在其它窗口之上
常用示例：
windowopen ('pagehtml', 'newwindow', 'fullscreen'); //全屏
windowopen ('pagehtml', '_self', 'fullscreen = yes , height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no'); // 在当前页面d出一个全屏的窗口，并有详细的设置
popWin = windowopen('testjsp'); // 获取d出窗口对象，以便进行 *** 作
popWin focus(); // 聚焦窗口2、windowalert()参数，只有一个，显示警告框的信息；无返回值。
3、windowconfirm() 参数就只有一个。显示提示框的信息。按确定,返回true；按取消返回false。
4、windowprompt()参数,有两个，第一个参数，显示提示输入框的信息。第二个参数,用于显示输入框的默认值。返回，用户输入的值。
5、windowshowModalDialog()方法用来创建一个显示HTML内容的模态对话框。windowshowModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。
showModalDialog()与showModelessDialog()的区别，在于showModalDialog()打开的窗口，置在父窗口上，必须关闭才能访问父窗口；showModelessDialog()，打开后不必关闭也可访问父窗口打开的窗口。使用方法：
vReturnValue = windowshowModalDialog(sURL [, vArguments] [,sFeatures]);
vReturnValue = windowshowModelessDialog(sURL [, vArguments] [,sFeatures]);
参数说明：
sURL--
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过windowdialogArguments来取得传递进来的参数。
sFeatures--
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号隔开。
1dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
2dialogWidth: 对话框宽度。
3dialogLeft: 离屏幕左的距离。
4dialogTop: 离屏幕上的距离。
5center: {yes no 1 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
6help: {yes no 1 0 }：是否显示帮助按钮，默认yes。
7resizable: {yes no 1 0 } ［ＩＥ５＋］：是否可被改变大小。默认no。
8status: {yes no 1 0 } ［IE5+］：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9scroll:{ yes no 1 0 on off }：指明对话框是否显示滚动条。默认为yes。 参数传递：
要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
调用页面
<script>
var obj = new Object();
objname="LOVEJS";
windowshowModalDialog("modalhtm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
对话框页面
<script>
var obj = windowdialogArguments ;
alert("您传递的参数为：" + objname)
</script> 获取对象：
可以通过windowreturnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
调用页面
<script>
str = windowshowModalDialog("modalhtm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
对话框页面
<script>
windowreturnValue="在这里进行你要的 *** 作";
</script>
以上就是关于JavaScript中window对象常用的属性、方法全部的内容，包括:JavaScript中window对象常用的属性、方法、js 用window.open(参数) 打开新窗口，在新窗口怎么获取传过来的参数、js中top/parent/frame概述及案例应用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）