前言 HTML5新增通信相关两个API，跨文档消息传输与WEB Sockets API， 跨文档消息传输功能，可以在不同网页文档，不同端口（跨域情况下）进行消息传递。 使用web sockets api 可以让客户端与服务器端通过socket端口传递数据，这样便可以使用数据推送技术。 跨文档消息传输 在之前我们若想跨域获取信息会花很多功夫，现在只要获取网页所在窗口对象实例变可以实现互相通信。 首先要想从其他窗口接受发过来的消息需要对其窗口对象进行监...
做网站优化已经快一个月了，对于seo的一般技术也有了一些了解，前些天开始使用谷歌的网站站长工具，在里面发现很多百度站长工具里面不曾有的内容，其中“结构化数据”这一项是出现在 “优化”栏里面，可想而知，这个结构化数据会不会是争对谷歌搜索的一个优化的方法呢？添加自己的站 进入这个页面，发现它提示我的网站上未检测到任何结构化数据，但是这么一个缺少概念的词让我们这种网站优化新手怎么理解呢？ ...
前言 本章主要内容是Web Storage与本地数据库，其中Web Storage 是对cookie的优化，本地数据库是HTML5新增的一个功能，使用它可以在客户端建立一个数据库 大大减轻服务器端的负担，加快访问数据速度。 学习本章需要掌握Web Storage基本概念，了解sessionStorage与localStorage的使用与差别 掌握本地数据库的使用 什么是WebStorage？ 前面说过，webstorage是对cookie的优化而来，HTML4中使用cookie在客户端存储用户数据，长期使用发...
html5的一个非常cool的功能，就是web storage，类似于之前的cookie，不过与之不同的是，web storage 拥有本地5兆的容量可以存储，而cookie却只有4K，这是完全不能比的优势。webstrange又分为：localstorage，sessionstorage和本地数据库。接下来我就来一一介绍：1、localstorage localstorage 的使用比较简单，方法有：代码如下: localStorage.setItem(key,value);//保存数据 localStorage.getItem(key);//读取数据 localStorage.r...
介绍IndexedDB是HTML5 WEB数据库，允许HTML5 WEB应用在用户浏览器端存储数据。对于应用来说IndexedDB非常强大、有用，可以在客户端的chrome,IE,Firefox等WEB浏览器中存储大量数据，下面简单介绍一下IndexedDB的基本概念。 什么是IndexedDBIndexedDB，HTML5新的数据存储，可以在客户端存储、操作数据，可以使应用加载地更快，更好地响应。它不同于关系型数据库，拥有数据表、记录。它影响着我们设计和创建应用程序的方式。IndexedDB...
下面通过本文给大家分享HTML5操作WebSQL数据库的实例代码，感兴趣的朋友一起看看吧HTML代码：<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title>列车时刻表查询</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /><script src="http://code.jquery.com/jquery-1.11.1.min.js"></s...
下面通过本文给大家分享HTML5操作WebSQL数据库的实例代码，感兴趣的朋友一起看看吧HTML代码：<!DOCTYPE html> <html><head lang="en"><meta charset="UTF-8"><title>列车时刻表查询</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /><script src="http://code.jquery.com/jquery-1.11.1.min.js"></s...
HTML5新增的标签datalist实现输入中文/拼音首字母时，自动进入数据库模糊查询，并返回相应的结果，生成datalist，由于在输入框中的输入内容发生变化时，datalist会自动触发下拉框，解决方案非常好，下面通过本文给大家分享实例代码，需要的的朋友参考下吧最近项目中涉及到一个小功能，客户在选择供应商时，由于供应商数目较多（大概3000个左右），因此直接生成下拉框显然不现实，所以就更换解决方案，打算借助HTML5新增的标签datal...
每次在向服务器提交文件对象数据是，总是需要借助各种三方插件来实现表单异步提交功能，还要为不同的界面去定制不同的插件css，相当繁琐。XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。...
HTML 5 DOM定义了一下集合、列表等复杂的数据类型用于实现便捷的操作。相对于HTML 4 DOM，HTML 5 DOM增加了HTMLCollection、DOMTokenList、DOMStringMap、HTMLAllCollection、 HTMLFormControlsCollection等。 一、HTMLCollection、HTMLAllCollection和HTMLFormControlsCollection 三个接口均用于表示一组元素组成的列表。HTMLAllCollection和HTMLFormControlsCollection均继承自 HTMLCollection接口，对HTMLCollection接...
Demo：获取或者创建一个数据库，如果数据库不存在那么创建之 var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });openDatabase方法打开一个已经存在的数据库，如果数据库不存在，它还可以创建数据库。几个参数意义分别是：1，数据库名称。 2，数据库的版本号，目前来说传个1.0就可以了，当然可以不填； 3，对数据库的描述。 4，设置分配的数据库的大小（单位是kb）。 5，回调函数(可省略)。初...
supports_html5_storage() { try { return ‘localStorage‘ in window && window[‘localStorage‘] !== null; } catch (e) { return false; } } 或使用开源的用来侦测用户浏览器对HTML5支持度的工具(例如Modernizr) if (Modernizr.localstorage) { // window.localStorage is available! } else { // 浏览器不支持HTML5 storage :( // 可以考虑使用dojox.storage 或其他方法 } 使用例子localStorage.a = 3;//设...
),他比支持SQL查询的数据库简单多，但是，他要比Web存储API支持的键/对存储更加强大、更高效、更健壮。 (2).IndexedDB与Web存储和文件系统API一样，IndexedDB数据库同样受同源政策的限制(即跨域问题)，也就是说两个同源的Web页面相互之间可以访问对方的数据，但是非同源的页面是无法进行访问。 (3).IndexedDB的每个源都可以有任意数目的IndexedDB数据库。但是每个数据库的名字在该源下必须是唯一的，在IndexDB API中，一个...
db = openDatabase(‘MyData‘,‘‘,‘My Database‘,102400);//首先它创建一个数据库表，里面有3个字段 db.transaction(function(tx){ tx.executeSql(‘CREATE TABLE IF NOT EXISTS InfoData(name TEXT,info TEXT,time INTEGER)‘,[]); }//显示所有 db.transaction(function(tx){ //然后定义了一个回调函数，表明对于结果集的处理 tx.executeSql(‘SELECT * FROM InfoData‘,[],function(tx,rs){ //遍历结果集，对于每一行，依次...
一个网站如何能在客户的浏览器存储更多的数据呢？在Html4的时代在浏览器端存储点网站个性化的数据，尤其是用户浏览器的痕迹，用户的相关数据等一般只能存储在Cookie中，但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简，想存储复杂的、关系型的用户数据就根本不可能了。但是进入Html5时代，这一切都不叫事...一、本地存储由来的背景 众所周知Html4时代Cookie的大小、格式、存储数据格式等限制，网站应用如果想...