JavaScript
-
JS display和visibility属性:显示和隐藏元素
CSS 使用 visibility 和 display 属性控制元素显示或隐藏。visibility 和 display 属性各有优缺点,如果担心隐藏元素会破坏页面结构和页面布局,…
-
JS addRule()和insertRule()方法:添加CSS样式
在 JavaScript 中,使用 addRule() 方法可以为样式表增加一个样式。用法如下: styleSheets.addRule(selector, style, [ind…
-
JS scrollTo()方法:设置滚动条位置
在 JavaScript 中,使用 window 对象的 scrollTo(x, y) 方法可以定位滚动条的位置,其中参数 x 可以定位页面内容在 x 轴方向上的偏移量,参数 y …
-
JS currentStyle属性和getComputedStyle()方法:读取CSS显示样式
CSS 样式具有重叠特性,因此定义的样式与最终显示的样式并非并非完全相同。DOM 定义了一个方法帮助用户快速检测当前对象的显示样式,不过 IE 和标准 DOM 之间实现的方法不同。…
-
JS页面事件(非常详细)
所有页面事件都明确的处理整个页面的函数和状态。主要包括页面的加载和卸载,即用户访问页面和离开关闭页面的事件类型。 页面初始化 load 事件类型在页面完全加载完毕的时候触发。该事件…
-
JS用户界面事件(UI事件)
用户界面(User Interface,UI)事件负责响应用户与页面元素的交互。 焦点处理 焦点处理主要包括获取焦点(focus)和失去焦点(blur)事件类型。所谓焦点,就是激活…
-
JS注册事件和销毁事件
本节示例讲解 JavaScript 事件的注册和销毁。 注册事件 在 DOM 事件模型中,通过调用对象的 addEventListener() 方法注册事件。用法如下: eleme…
-
JS事件基础(非常详细)
JavaScript 与 HTML 之间交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件在浏览器中是以对象的形式存在的,即 event,触发一个事件…
-
JS change事件:检测表单元素的值是否发生变化
在 JavaScript 中,change 事件类型时在表单元素的值发生变化时触发,它主要用于 input、select 和 textarea 元素。对于 input 和 text…
-
JS获取鼠标位置(鼠标坐标)
在 JavaScript 中,当事件发生时,获取鼠标的位置是件很重要的事件。由于浏览器的不兼容性,不同浏览器分别在各自事件对象中定义了不同的属性,说明如下表所示。这些属性都是以像素…