javascript笔记二（window对象）

最新推荐文章于 2023-03-03 14:41:54 发布

原创最新推荐文章于 2023-03-03 14:41:54 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

11 篇文章

订阅专栏

本文深入探讨了Window对象及其子对象的功能与使用方法，包括status、opener、closed等属性，alert、confirm等方法，并介绍了location、screen、navigator等子对象的应用场景。

这篇文章来了解下window对象及下属的子对象，及常用的方法。

window对象的常用属性：

1.status :设置浏览器左下角状态栏的内容

2.opener ：子窗体对象对父窗体的引用（父窗体通过open（）方法的返回值，对子窗体进行操作）

3.closed ：判断某一窗体现在是否关闭（关闭某窗体：win.close()）

window对象常用方法：

alert（），confirm（）

setInterval（），clearInterval（），每间隔一段时间进行某种操作（循环的）

setTimeout（），clearTimeout（），到达某时间后，进行某项操作（单次的）

open（），打开新窗口并装入给定 URL 的文档。（设置父子窗体，相互之间可以进行操作）

navigate() ，在当前窗口中装入指定 URL。

html文档对象模型结构图为：

下面讲一讲window对象的子对象，这里就不讲document对象了

1.location

这里主要讲一讲他的跳转，以及其他的几种跳转方式：

（1）通过navigate直接进行跳转 window.navigate('url');

（2）通过window.location.href='url' 进行跳转，当然也可以通过location=‘url’，此种方式是请求服务器进行跳转的。

（3）通过window.replace('url')进行跳转，注：这里的replace，是指替换原页面,不向服务器发送请求的跳转，返回按钮(window.history.go(-1))是不好用的，因为wondow.history.back();方法是根据服务器记录的请求来决定该跳到哪个页面的。

（4）通过html标签meta进行跳转

<head><!-- 这里指10sec后，跳转到overtime.html页面
	<meta http-equiv="refresh" content="10;url=overtime.html">
</head>

这里说一下刷新页面，location.reload,和meta标签都可以

2.screen对象

两个主要方法得到浏览器的可用高度和高度

document.write("屏幕分辨率：")
document.write(screen.width + "*" + screen.height)
document.write("<br />")
document.write("可视区域：")
document.write(screen.availWidth + "*" + screen.availHeight)

3.navigator对象

navigator 对象包含有关浏览器的信息。常用的属性有获取浏览器名称：appName()

4.frames

窗体对象，对主窗体进行分割，简单的例子如下：

<frameset rows="100, *">
	<frame name="top" />
	<frameset cols="150,*">
		<frame name="menu" src="" />
		<frame name="main" />
	</frameset>
</frameset>

5.history

包含了用户已浏览的 URL 的信息。

(1)history.go(-1)回到前一个页面
(2)history.back()回到前一个页面
(3)前一个页面的url=history.previous;

6.clipboardDate

提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。

设置剪贴板window.clipboardDate.setData("text", "data content");