JavaScript 中有两个特数值： undefined和null，在比较它们的时候需要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是 undefined 值。 输出结果： Javascript 又定义了一个特殊值 null ，这个值与 undefined 略有不同。后者是在未定义值 ...
分类：
编程语言 时间：
2016-10-02 21:53:44
阅读次数：
200
1. 开始使用 canvas 元素 canvas 元素非常简单，这是指它所有的功能都体现在一个JavaScript对象上，因此该元素本身只有两个属性：width 和 height。 canvas 元素里的内容会在浏览器不支持此元素时作为备用内容显示。下面例子展示了canvas 元素和一些简单的备用内 ...
分类：
编程语言 时间：
2016-10-02 21:52:01
阅读次数：
281
HTML5 添加了对拖放（drag and drop）的支持。我们之前只能依靠jQuery 这样的JavaScript库才能处理这种操作。把拖放内置到浏览器的好处是它可以正确的集成到操作系统中，而且正如将要看到的，它能跨浏览器工作。 1. 创建来源项目 我们通过 draggable属性告诉浏览器文档 ...
分类：
编程语言 时间：
2016-10-02 21:51:34
阅读次数：
352
地理定位（Geolocation）API让我们可以获取用户当前地理位置的信息（或者至少是正在运行浏览器的系统的位置）。它不是HTML5规范的一部分，但经常被归组到与HTML5相关的新功能中。 1. 使用地理定位 我们通过全局属性 navigator.geolocation 访问地理定位功能，它会返回 ...
分类：
编程语言 时间：
2016-10-02 21:51:29
阅读次数：
283
1. 获取 Window 对象 可以用两种方式获得Window对象。正规的HTML5方式是在Document对象上使用defaultView属性。另一种是使用所有浏览器都支持的全局变量window 。 2. 获取窗口信息 顾名思义，Window对象的基本功能涉及当前文档所显示的窗口。下表列出了运作这 ...
分类：
编程语言 时间：
2016-10-02 21:51:07
阅读次数：
278
DOM（Document Object Model，文档对象模型）允许我们用 JavaScript 来探查和操作 HTML 文档里的内容。它对于创建丰富性内容而言是必不可少的一组功能。 1. 理解文档对象模型 DOM 是一组对象的集合，这些对象代表了HTML文档里的各个元素。顾名思义，DOM就像一个 ...
分类：
编程语言 时间：
2016-10-02 21:46:47
阅读次数：
177
1. 使用元素对象 HTMLElement对象提供了一组属性，可以用它们来读取和修改被代表的数据。下表介绍了这些属性。 下面代码展示了如何使用表中所列的一些基本属性。 从下图可以看到浏览器为这些属性所提供的结果。 1.1 使用类 可以用两种方式处理某个元素所属的类。第一种方式是使用className ...
分类：
编程语言 时间：
2016-10-02 21:44:21
阅读次数：
262
本文将继续介绍canvas的功能，展示如何绘制更复杂的图形（包括圆弧和曲线），如何使用剪裁区域来限制操作以及如何绘制文本。还是介绍可以应用在画布上的特效和变换，包括阴影、透明度、旋转和坐标重映射。 1. 用路径绘图 路径本质上是一组独立的线条（被称为子路径），它们组合到一起构成图形。我们绘制子路径的 ...
分类：
编程语言 时间：
2016-10-02 21:41:35
阅读次数：
239
img元素允许我们在HTML文档里嵌入图像。 要嵌入一张图像需要使用src和alt属性，代码如下： 显示效果： 1 在超链接里嵌入图像 img元素的一个常见用法是结合a元素创建一个基于图像的超链接，代码如下： 浏览器显示这张图片的方式没有什么不同。因此，重要的一点事要向用户提供视觉提示，表明特定图像 ...
分类：
Web程序 时间：
2016-10-02 21:41:22
阅读次数：
129
1. 使用简单事件处理器 可以用几种不同的方式处理事件。最直接的方式是用事件属性创建一个简单事件处理器（simple event handler）。元素为它们支持的每一种事件都定义了一个事件属性。举个例子，onmouseover事件属性对应全局事件mouseover，后者会在用户把光标移动到元素占据 ...
分类：
编程语言 时间：
2016-10-02 21:40:43
阅读次数：
301
