JavaScript
-
JS offsetParent属性：获取最近的上级定位元素
在 JavaScript 中，offsetParent 属性表示最近的上级定位元素。要获取相对父级元素的位置，可以先判断 offsetParent 属性是否指向父元素，如果是，则直…
-
JS获取元素的大小（高度和宽度）
在 JavaScript 中，使用下面 3 组属性可以获取元素的高度和宽度。如表所示。 与元素尺寸相关的属性 元素尺寸属性 说明 clientWidth 获取元素可视部分的宽度，即…
-
JS scrollLeft和scrollTop属性：读写元素左侧和顶部已滚动的距离
在 JavaScript 中，使用 scrollLeft 和 scrollTop 可以读写移出可视区域外面的宽度和高度，具体说明如下： scrollLeft：读写元素左侧已滚动的距…
-
JS获取浏览器窗口大小
获取 <html> 标签的 clientWidth 和 clientHeight 属性，就可以知道浏览器窗口的可视宽度和高度，而 <html> 标签在脚本中…
-
JS获取鼠标指针的位置（坐标）
本示例讲解 JavaScript 获取指针的页面位置和相对位置。 获取指针的页面位置 使用事件对象的 pageX 和 pageY（兼容 Safari），或者 clientX 和 c…
-
JS styleSheets对象：读取页面的所有CSS样式
在 DOM 2 级规范中，使用 styleSheets 对象可以访问页面中所有样式表，包括用 <style> 标签定义的内部样式表，以及用 <link> 标…
-
JS实现动画效果（利用定时器）
JavaScript 动画主要利用定时器（setTimeout 和 setInterval）来实现。设计思路：通过循环改变元素的某个 CSS 样式属性，从而达到动态效果，如移动位置…
-
JS offsetLeft和offsetTop属性：返回当前元素的偏移位置
在 JavaScript 中，offsetLeft 和 offsetTop 属性返回当前元素的偏移位置。IE 怪异模式以父元素为参照进行偏移位置，DOM 标准模式以最近定位元素为参…
-
JS操作CSS样式（非常详细）
CSS 样式包括两种形式：样式表中样式和行内样式。DOM 2 级规范针对样式表提供了一套 API。在 DOM 2 级规范之前，还可以使用标签对象的 style 属性访问行内样式。 …
-
JS提交和重置form表单
本节示例讲解 JavaScript 的提交 form 表单和重置 form 表单。 提交表单 使用 <input> 和 <button> 标签都可以定义提交…