window和frame
7.1文档对象模型
7.1.1文档对象模型(DOM):各种浏览器对象形成一个层次模型
7.1.2如何引用对象浏览器
引用Document对象,使用Window.document;
引用screen对象时,使用window.screen;
引用forms对象时,使用window.document.forms;
引用text对象时,则应该使用window.document.forms.text;
可以在使用对象在数组中的位置(下标)来引用,如:window.docuemnt.form[0]或使用name属性来访问,如对name为form1的对象:window.document.form1来引用
7.2使用window对象
7.2.1 window对象包含的属性、方法
属性
|
功能说明
|
Frames
|
表示当前窗口中所有frame对象的数组
|
status
|
表示浏览器的状态信息
|
defaultstatus
|
表示浏览器默认的状态行信息
|
history
|
表示当前窗口的历史记录,这可以引用在网页导航中
|
closed
|
表示当前窗口是否关闭的逻辑值
|
document
|
表示当前窗口中显示的当前文档对象
|
location
|
表示当前窗口中西那是的当前URL的信息
|
name
|
表示当前窗口的父窗口
|
opener
|
表示打开当前窗口的父窗口
|
parent
|
表示包含当前窗口的父窗口
|
top
|
表示一系列嵌套的浏览器中的最顶端的窗口
|
self
|
表示当前窗口
|
length
|
表示当前窗口中的帧的个数
|
方法
|
功能说明
|
open(URL,window name[,window features])
|
创建一个新的浏览器窗口,并在新窗口中载入一个指定的URL的页面,其中window features是可选项,选择它,可以设定新创建的窗口的大小和外观
|
close()
|
关闭一个浏览器窗口
|
alert(message)
|
弹出一个警示对话框
|
confirm(message)
|
弹出一个确认对话框
|
prompt(message)
|
弹出一个提示对话框
|
print()
|
相当于浏览器工具栏中的打印按钮。使浏览器打印当前的网页
|
blur()
|
将被引用窗口放到所有其他打开窗口的后面
|
focus()
|
将被引用窗口放到所有其他打开窗口的前面
|
moveTo(x,y)
|
将窗口移到指定的坐标处,x是水平位置,y是垂直位置,x和y是以像素为单位的值
|
moveBy(horiz,vert)
|
将窗口移动指定的位移量,horiz为水平位移量,vert为垂直位移量。horiz和vert是以像素为单位的值
|
resizeTo(x,y)
|
将窗口设置为指定的大小,x是水平方向的大小,y是垂直方向的大小,x和y是以像素为单位的值
|
resizeBy(horiz,vert)
|
按照给定的位移量重新设定窗口的大小,horiz是水平位移量,vert是垂直位移量。horiz和vert是以像素为单位的值
|
scrollTo(x,y)
Sscroll(x,y)
|
将窗口滚动到指定的坐标位置,x和y是以像素为单位的值
|
scrollBy(horiz,vert)
|
按照给定的位移量滚动窗口,horiz是水平位移量,vert是垂直位移量。horiz和vert是以像素为单位的值
|
setTimeout(expression,time)
|
设置在一定时间后自动执行expression代表的代码。使用time设置时间,以毫秒为单位
|
|
|
setInterval(expression,time[,args])
|
设置一个时间间隔,使expression代表的代码可以以周期性地被执行,使用time设置时间,以毫秒为单位
|
clearTimeout(timer)
|
取消由setTimeout设定的定时操作
|
clearInterval(timer)
|
取消由setInterval设定的定时操作
|
7.2.2使用window对象
window对象的属性和方法的引用:window.属性和window.方法
window对象还可以使用标识符self代替:self.属性和
self.方法
还可以省略window,直接写出
7.2.3打开或关闭一个窗口
1、打开窗口:当window.open方法执行时,它不但按照指定的参数打开了新建的窗口,而且还创建了这个新窗口的引用
open(URL,window name[,window features])
Window features是新创建窗口的实际特性,可能的参数包括:height、width、left、top、toolbar、location、directories、status、menubar、scrollbars、resizable、outerHeight、outerWidth
2、关闭窗口
window.close()
7.2.4进行定时设置
定时方法包括:setTimeout()和clearTimeout()以及setInterval()和clearInterval()
1、setTimeout()和clearTimeout()
variable=setTimeout(expression,time)
setTimeout()方法的作用是在time所规定的时间之后,执行expression一次。
例如:timer=setTimeout(showMessage(),1000)
clearTimeout(timer):clearTimeout()括号内的timer就是setTimeout()方法返回的值。这个方法的作用是中断setTimeout()设定的定时操作。
2、setInterval()和clearInterval()
variable=setInterval(expression,time,[args])
7.25.5 window对象的其他重要操作
7.3使用frame对象
7.3.1在窗口中生成帧
<frameset>替代<body>
ROWS、COLS
NAME、SRC、SCROLLING、MARGINWIDTH、MARGINHEIGHT、NORESIZE
7.3.2访问窗口中的帧
window.framename
window.frames[index]
window.frames['framename']
属性和方法
|
功能说明
|
name
|
表示帧的名字
|
frames
|
表示帧中所包含的帧组
|
document
|
表示帧中所显示的文档
|
length
|
表示帧中所包含的子帧的个数
|
parent
|
表示当前帧的上一级帧
|
self
|
表示当前帧
|
top
|
表示当前浏览器窗口中最顶层的帧
|
blur()
|
将当前帧放到所有其他窗口的后面
|
focus()
|
将当前帧放到所有其他窗口的前面
|
setTimeout(expression,time)
|
设置在time设定的时间后自动执行expression代表的代码
|
setInterval(expression,time,[args])
|
设置一个时间间隔time,使expression代表的代码可以周期性地被执行
|
clearTimeout(timer)
|
取消由setTimeout设定的定时操作
|
clearInterval(timer)
|
取消由setInterval设定的定时操作
|
print()
|
显示“打印”对话框,打印当前帧中的页面内容
|
分享到:
相关推荐
该课件适合于JavaScript入门,深入浅出、浅显易懂 压缩包里有四个PPT文件,分别为 1、JavaScript基础.ppt 2、JavaScript核心对象.ppt 3、JavaScript浏览器对象.ppt 4、JavaScript表单处理.ppt
javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript ...
javascript的基础知识,快速入门,了解js的技术点,快速上手
JavaScript基础入门教程(完整版)
本资源是chm文档,便于阅读 本文档适合于稍微有编程语言基础、想了解学习javascript的初学者,内有十余个诸如弹窗,状态栏走马灯效果,显示时间等实用的例子
资源名称:JAVAscript入门经典 第6版内容简介:本书是学习Javascript编程的经典教程。全新的第6版涵盖了ECMAscript 6。全书分为8个部分,共26章。首部分“Javascript基础”,包括第1章到第4...
****JavaScript入门经典(第4版 英文版+第3版中文版 附JavaScript参考手册)****《JavaScript入门经典(第4版)》主要内容:·循序渐进介绍JavaScript基础知识,包括JavaScript的含义、原理和功能·介绍用于创建...
本书从 Javascript的基础开始讲起,一直讲到 Javascript的中、高级应用以及和其他 Web开发管理工具的协调工作,内容新颖,实例翔实。本书既可满足普通用户希望了解和熟悉Javascr…的入门的需要,也可作为Web站点的...
7个简单的JavaScript基础入门Demo,直接双击网页文件可查看效果,编辑网页查看代码。
JavaScript入门教程_适合初学者...............
Javascript基础入门教程,原作者信息遗失,仅供个人学习参考,请勿用作商业用途.
JavaScript入门基础教程(1)js入门+和数据类型介绍.docx
第2章 JavaScript语言基础.pdf 第3章 JavaScript事件处理.pdf 第4章 JavaScript基于对象编程.pdf 第5章 文档对象模型(DOM).pdf 第6章 String、Math、Array等数据对象.pdf 第7章 Window及相关顶级对象.pdf 第8章 ...
javascript基础入门.ppt
javascript的基础课件内容
Java脚本入门的好材料 是初学者的好教程
JavaScript入门教程--书籍 超清晰
《JavaScript从入门到精通》分为三篇:第一篇为JavaScript语法基础,主要包括JavaScript简介、如何实现JavaScript、数据类型、变量和常量、运算符、语句和函数等内容;第二篇为JavaScript对象,主要包括对象、核心...
javascript最常用的简单实用示例
javascript入门学习笔记,绝对经典