HTML5
70
1.MessageEvent接口在HTML5规范中定义的新的通信方式,无论是WebSocket还是SSE,包括实现视频、音频通信的WebRTC,都是基于HTML5规范中定义的一个接口:MessageEvent。这是一个基于消息的事件。首先我们可以看一下在JavaScript中,传统的事件类型有哪些。传统的DOM事件的基类主要包括:(1)UIEvents:一般化的UI事件,其中鼠标事件和键盘事件都继承自UI事件;(2)MouseEvents:一般化的鼠标事件,比如click事件、mousemove事件等,都
121
对于复杂的数据库,HTML5使用本地数据库进行操作。这是一个浏览器端的数据库。在本地数据库中我们可以直接利用JavaScript创建数据库,并利用SQL语句执行相关的数据库操作。下面分别介绍本地数据库的各个API及其使用方法。1、利用openDatabase创建数据库我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数,分别是:数据库名、数据库版本号(可省略)、对数据库的描述、设置分配的数据库的大小、回调函数。如果我们要创建一个本地数据库,可以执行如下代码:1var
470
目前大部分浏览器均支持HTML5。但是部分低版本的浏览器对HTML5支持存在一些问题。低版本浏览器支持HTML5所有浏览器 ,对无法识别的元素会作为内联元素自动处理。因此可以采用如下方法教会浏览器 处理 “未知” 的 HTML 元素。将 HTML5 元素定义为块元素HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block:12header, section,
112
这篇文章主要介绍了HTML5之pushstate、popstate操作history,无刷新改变当前url的相关资料,需要的朋友可以参考下一、认识window.historywindow.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退,可以这么做:1window.his
79
HTML5中canvas元素用于在网页上绘制图形。Canvas的特点Canvas画布是一个矩形区域,可以控制其每一个像素Canvas使用JavaScript来控制画图Canvas具有直线、矩形、圆以及添加图像的方法Canvas标签的使用下面的代码是使用canvas画面绘制一个200*200红色矩形:12345678910111213141516<!Doctype html><html>
63
上一篇对canvas标签作了简单的介绍和用法示例,但实际上canvas的用法是非常强大的,很多酷炫的HTML5动画及游戏都是基于canvs来制作的。因此决定继续来两篇canvas相关的博文,巩固canvas的基础。 本篇主要介绍canvas的相关属性和用法。颜色、样式和阴影属性描述fillStyle设置或返回用于填充绘画的颜色、渐变或模式strokeStyle设置或返回用于笔触的颜色、渐变或模式shadowColor设置或返回用于阴影的颜色shadowBlur设置或返回用于阴影的模糊级别shadowOff
51
贝塞尔曲线下面是canvas绘制贝塞尔曲线的代码:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162<!DOCTYPE html><html><head> <meta charset="ut
109
通常浏览器通过安装flash来实现网页音视频的播放。 HTML5新增了audio和video元素来进行音视频的播放,从而减少了对flash的依赖。audio对音频的支持HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 目前audio元素支持以下三种音频格式:音频格式IE9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0Ogg VorbisNOYESYESYESNOMP3YESNONOYESYESWavNOYESYESNOYESvideo对视频的支持HTM