创建 XMLHttpRequest 对象

Ajax 这个名词是由 Jesse James Garrett 提出,在他发表的〈[Ajax: A New Approach to Web Applications]〉(http://adaptive.........

封装样式处理

样式处理也许是浏览器中最复杂的部份,将所有细节予以封装一定是个不错的想法,为此,可以创建一个 Style-1.0.0.js,首先来看看 css 函数,它可以使用对象来一次设定想要的样式: // 可透过.........

获取窗口宽高信息

要获取文件宽高信息,可以使用的特性有: 要获取 HTML 文件宽高,可以在 document.documentElement 以 scrollWidth、scrollHeight 获取。 要获取 b.........

操作 class 属性

如果需要改变元素的许多样式,透过程序方式逐一设定并非好的方式,简便的方式是定义样式表,并透过选择器(selector)来符合元素,直接使用样式表改变元素的多个样式。元素的 class 属性是来为元素作.........

显示、可见度与透明度

网页中经常做的特效,就是将元素隐藏或显示,这在网页上有几种实现的方式,主要看需求而定。 可以透过设定 style 属性的 display来显示或隐藏元素,display 设定为 none 时,元素就会.........

访问元素位置

CSS 的 position 属性可以设定不同的值,代表元素的定位方式,如果没有设定,大多数元素默认是 static,元素依序绘制在文件的流动版面。还可以设定的值有 relative、absolute.........

访问元素大小

可以透过样式的 width 与 height 来设定元素的宽高,但要注意所谓的宽高定义为何,一个元素的宽高如何定义,要看盒模式(Box model),也就是将元素当作一个盒子来看待,每个元素都会有四个.........

访问样式信息

在 HTML 标签上,可以设定 style 属性,借以改变元素的样式。例如: <div style=......

封装事件处理

〈ECMAScript 本质部份〉这一系列文件,之所以要作为实验性质的文件,主要是想试试,如果有机会抛弃一些包袱的话,在浏览器上写 JavaScript 等,应该要做什么样的思考与设计,而在这一系列中.........

事件传播

在事件发生时,会有个 Event 实例收集事件的相关信息,在遵守标准的浏览器上,Event 实例会作为事件处理器的的第一个参数,若要获取操作的目标对象,可以透过 Event 实例的 target 特性.........

DOM Level 2 事件模型

〈基本事件模型〉的缺点之一,就是只能注册一个事件处理器,如果你想注册多个事件处理器,那么类似以下的方式是行不通的: window.onload = function() { // 处理器一 }.........

基本事件模型

网页应用程序本身就是事件驱动,透过使用者的操作或系统的事件,在适当的时候作些事情。在事件标准化之前,就存在于各浏览器的一个事件模型,称为基本事件模型(Basic Event Model),虽然没有标准.........