JavaScript前端开发程序设计项目式教程 实验12 元素大小和位置.doc

Xxxxxx学院实验报告

姓名：__________学号：______班级：___________

指导老师：xxx实验成绩：_______

实验元素大小和位置

一、实验目的

熟练掌握元素大小（offsetWidth、offsetHeight）和位置（offsetLeft、offsetTop）的概念及应用；

能够通过JavaScript动态获取和设置元素的尺寸与位置；

能结合事件实现基于元素位置与尺寸的交互效果。

二、实验仪器：微机（台）

三、实验内容

1、页面（1.html）中一个彩色方块（div），当鼠标在方块内移动时，实时显示鼠标相对于该方块左上角的位置坐标，并在方块旁