《javascript基础教程与应用》辅导资料十
发布时间:2024-01-08 11:01:08浏览次数:25 基础教程与应用辅导资料十主 题:课件第十七章 的 对象一、什么是 ()即浏览器对象模型。 提供了独立于内容 而与浏览器窗口进行交互的对象;由于 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 ; 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性; 缺乏标准, 语法的标准化组织是 , 的标准化组织是 , 最初是 浏览器标准的一部分。二、学习 学什么我们将学到与浏览器窗口交互的一些对象,例如可以移动、调整浏览器大小的 对象,可以用于导航的 对象与 对象,可以获取浏览器、操作系统与用户屏幕信息的 ! 与 对象,可以使用 "# 作为访问 $%& 文档的入口,管理框架的 '# 对象等。在这里,只介绍一些 对象等的基础知识,其中会有一些 的知识还会说明。其他对象&、、!、$ 不一一详细介绍了。 结构图三、 对象 对象是 中的顶级对象,所有定义在全局作用域中的变量、函数都会变成 对象的属性和方法,在调用的时候可以省略 。例:打开窗口 ()"*!*#+,--"要打开的地址--!新窗口的位置 ./.'.)父框架+
--#新窗口的一些设置--返回值,新窗口的句柄关闭窗口:()+,四、 相关案例0(定时器延迟执行 %#")1!2'"3*+,%#")1"#34+,05 675" 89":9"89%#49899656;8"#(!# 4)99+,<#48%#")'")+=>)979+,?@*AAA+,B(/8'")+=--在设置的时间之前( 内)点击可以取消定时器C%#")#4+,0A@005-6075- 6定时执行 #484)*+,4)#4+,--清除定时器倒计时案例:05 675" 89":9"89倒计时开始 0A9899-656;8"#(!# 4)99+,<"#80A,>#484)'")+=?"#DD,B("89到时器开始9E"#,C')"#88A+=0A4)#4+,00(8',07("89同意,可以点了9,
0@0;@*0AAA+,0<5-60>5- 67(F 系列方法F 和 F$! F$! 的构成 F$!8!E!EF 相同 F$! 和 (! 的区别 0(#( (! 只能获取行内样式,否则无法获取到7(( (! 是字符串(有单位 G), F$! 是数值(无单位)(( (! 可以设置行内样式,但 F$! 是只读属性,不可设置所以:#( (! 获取 某元素的真实高度-宽度,用( (! 来设置高度-宽度F&H 和 F% F&H 的构成 0,到距离自身最近的(带有定位的)父元素的 左侧-顶部7,如果所有父级元素都没有定位,则以 为准,F&H 是自身 左侧到父级 ! 左侧的距离 F&H 和 (H 的区别 0, (H 只能获取行内样式7,F&H 只读, (H 可读可写,F&H 是数值, (H 是字符串并且有单位 G;,如果没有定位, (H 获取的数值可能是无效的<,最大的区别:F&H 以 左上角为基准, (H 以 #! 左上角为基准FI 构成 0(返回该对象距离最近的带有定位的父级元素7(如果当前元素的所有父级元素都没有定位( 为 " 或 ),那么 FI 为 (F&H 获取的就是相对于 FI 的距离 与 的区别 始终指向的是当前元素的最近的父元素,无论定位与否F 示意图
( 系列方法$! 和 对象内部的实际内容的高度-宽度(不包括 )% 和 &H被卷去部分的顶部-左侧 到 可视区域 顶部-左侧 的距离 事件 滚动条滚动触发的事件页面滚动坐标 % 8 (!JF 22 "#("##(% 22"#( (%22A, 示意图;( 系列K 和 J获取鼠标在可视区域的位置 K8E!,J8!E!&H边框的宽度,若有滚动条的话,包括滚动条 示意图