第一章链接：初识JavaScript - 章节课后练习题及答案

第二章链接：JavaScript 基础（上） - 章节课后练习题及答案

第三章链接：JavaScript 基础（下） - 章节课后练习题及答案

第四章链接：JavaScript 函数 - 章节课后练习题及答案

第五章链接：JavaScript 对象 - 章节课后练习题及答案

第六章链接：DOM（上） - 章节课后练习题及答案

第七章链接：DOM（下） - 章节课后练习题及答案

第八章链接：BOM - 章节课后练习题及答案

注：使用的是人民邮电出版社出版的《JavaScript+jQuery 交互式 Web 前端开发》书籍。

一、填空题

1、通过______来获取元素到设置了定位的父元素顶部的距离。

2、______用来获取带有定位的父元素。

3、offsetWidth包含padding、border、______的值。

二、判断题

1、scrollTop和scrollLeft是获取被滚动出去的距离。（）

2、offset系列是只读属性。（）

3、style可以得到任意样式表中的样式值。（）

三、选择题

1、以下关于offset系列属性和style属性的说法，正确的是（）。

A. 通过style属性获取到的样式结果是字符串型，通过offset系列获取到的属性值是数字型

B. offset系列属性和style属性一样，都可以获取到元素的行内样式

C. style属性只能获取元素的行内样式，offset系列属性能获取到元素的所有样式

D. 以上说法都不正确

2、下列关于offsetWidth和offsetHeight的说法，正确的是（）。

A. 这两个属性用来表示内容的大小，不包括边框和内边距

B．通过offsetWidth可以设置元素的宽度

C. 这两个属性值的结果是字符串类型的数据，默认单位是px

D. 这两个属性是只读属性

3、下列关于offsetParent的说法，正确的是（）。

A. offsetParent获取到的是元素的父元素

B. offsetParent属性和parentNode属性的含义一样

C. offsetParent属性用来获取离这个元素最近的绝对定位父元素

D. 以上说法都错误

四、简答题

1、请简述offset系列属性有哪些。

2、请简述offset和style的区别。

3、请简述offsetParent和parentNode的区别。

参考答案：

一、填空题

1、offsetTop

2、offsetParent

3、内容区域的宽度（width）

二、判断题

1、对 2、对 3、错

三、选择题

1、ABC 2、D 3、D

四、简答题

1、请简述offset系列属性有哪些。

offsetLeft：返回元素相对带有定位父元素左边框的偏移。

offsetTop：返回元素相对带有定位父元素上方的偏移。

offsetWidth：返回自身的宽度（包括padding、边框和内容区域的宽度），注意返回数值不带单位。

offsetHeight：返回自身的高度（包括padding、边框和内容区域的高度），注意返回数值不带单位。

offsetParent：返回作为该元素带有定位元素的父级元素（如果父级都没有定位则返回body）。

2、请简述offset和style的区别。

offset可以得到任意样式表中的样式值，而style只能得到行内样式表中的样式值。

offset系列获得的数值是没有单位的，而style.width获得的是带有单位的字符串。

offsetWidth包含padding、border、width的值，而style.width获得的是不包含padding、border的值。

offsetwidth等属性是只读属性，只能获取不能赋值，而style.width是可读写属性，可以获取也可以赋值。

3、请简述offsetParent和parentNode的区别。

offsetParent：返回作为该元素带有定位元素的父级元素（如果父级都没有定位则返回body）。

parentNode:用来返回某个指定节点的父节点。

九、JavaScript网页特效 - 章节课后练习题及答案相关推荐

十三、JavaScript面向对象（下） - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
十二、JavaScript面向对象（上） - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
十一、jQuery（下） - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
十、jQuery（上） - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
五、JavaScript 对象 - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
四、JavaScript 函数 - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
八、BOM - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
六、DOM（上） - 章节课后练习题及答案
第一章链接:初识JavaScript - 章节课后练习题及答案第二章链接:JavaScript 基础(上) - 章节课后练习题及答案第三章链接:JavaScript 基础(下) - 章节课后练习题 ...
一、初识JavaScript - 章节课后练习题及答案
笔记链接:一.初识JavaScript - JavaScript+jQuery 笔记注:使用的是人民邮电出版社出版的<JavaScript+jQuery 交互式 Web 前端开发>书籍. ...
php实现页面雪花效果,JavaScript_使用javascript实现雪花飘落的效果，看了javascript网页特效实例大全 - phpStudy...
使用javascript实现雪花飘落的效果看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈 ...

九、JavaScript网页特效 - 章节课后练习题及答案