javascript笔记二(window对象)
2012-12-02 23:42
176 查看
这篇文章来了解下window对象及下属的子对象,及常用的方法。
2.opener :子窗体对象对父窗体的引用(父窗体通过open()方法的返回值,对子窗体进行操作)
3.closed :判断某一窗体现在是否关闭(关闭某窗体:win.close())
setInterval(),clearInterval() ,每间隔一段时间进行某种操作(循环的)
setTimeout(),clearTimeout(),到达某时间后,进行某项操作(单次的)
open(),打开新窗口并装入给定 URL 的文档。(设置父子窗体,相互之间可以进行操作)
navigate() ,在当前窗口中装入指定 URL。
html文档对象模型结构图为:
下面讲一讲window对象的子对象,这里就不讲document对象了
(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进行跳转
设置剪贴板window.clipboardDate.setData("text", "data content");
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");
相关文章推荐
- javascript类型系统 Window对象学习笔记
- JavaScript高级程序设计之BOM之window 对象之窗口大小 第8.1.4讲笔记
- JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)
- 韩顺平 javascript教学视频_学习笔记27_dom对象(window对象3.history.location.navigator.screen.event)_js事件驱动编程
- JavaScript学习笔记----Window对象
- JavaScript学习笔记——BOM_window子对象_History、Location、Screnn对象
- JavaScript高级程序设计之BOM之window 对象之导航和打开窗口 第8.1.5讲笔记
- JavaScript学习笔记:(window对象)
- javascript学习笔记(十四) window对象使用介绍
- javascript学习笔记(十四) window对象使用介绍
- JavaScript学习笔记(四)—window对象使用
- javascript 学习笔记(7)----window 对象的4个属性
- JavaScript高级程序设计之BOM之window 对象之间歇调用和超时调用 第8.1.6讲笔记
- Javascript 笔记与总结(2-5)window 对象
- 韩顺平 javascript教学视频_学习笔记25_bom介绍_dom对象层次图_dom对象(window对象1)
- JavaScript高级程序设计之BOM之window 对象之全局作用域 第8.1.1讲笔记
- [翻译]javascript学习笔记 (三)-window对象
- JavaScript高级程序设计之BOM之window 对象之窗口关系及框架 第8.1.2讲笔记
- 韩顺平 javascript教学视频_学习笔记26_dom对象(window对象2)
- JavaScript高级程序设计之BOM之window 对象之窗口位置第8.1.3讲笔记