为什么需要自定义数据属性?很多时候我们需要存储一些与不同DOM元素相关联的信息。这些信息对于读者来说可能是不需要的,但是可以轻松的访问这些信息将会给我们开发者的工作带来极大的便利。例如,假设你有一份某个餐饮类网站上所有餐馆的名单。在HTML5之前,如果你想存储餐馆提供的食物种类或餐馆与用户之间的距离等信息,那么你将使用HTML的class属性。但是如果你还需要存储餐馆的id以便查看用户想要访问的特定餐厅该怎么办?以下...
了解了一些基本的本地存储用法和思想后,我们来系统的介绍一下本地存储。本地存储分为三大类:localStorage/sessionStorage/本地数据库localStorage和sessionStorage二者的用法、所包含的函数、调用方法等都是相同的,二者仅仅是含义不同。其中,localStorage所存储的数据是长期有效的,而sessionStorage所存储的信息当每个会话(session)关闭时就会销毁(通俗的说就是页面关闭后数据自动销毁)。由于二者的特性不同,因此应用的场...
通过JS代码输出log信息Js代码
Js代码: console.log("Hello World");
Log信息: Console: Hello World http://www.example.com/hello.html :82 在WebChromeClient中实现onConsoleMesaage()回调方法,让其在LogCat中打印信息Java代码
1 WebView myWebView = (WebView) findViewById(R.id.webview);
2 myWebView.setWebChromeClient(new WebChromeClient() {
3publicvoid onConsoleMessage(String message, int lineNu...
<DIV style=‘font: 14px/21px "Microsoft YaHei UI", "Microsoft YaHei", SimSun, "Segoe UI", Tahoma, Helvetica, sans-serif, "Microsoft YaHei", Georgia, Helvetica, Arial, sans-serif, 宋体, PMingLiU, serif; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: normal; font-size-adjust: none; font-stretch: normal; -webkit-text-stroke-width: ...
原文地址:http://www.webcodegeeks.com/html5/html5-file-upload-example/本文将为大家展示如何使用HTML5来读取用户选择的文件信息并将文件上传到一个服务器上.FileApi是HTML5新添加的功能中最有趣的一个. 我们可以在文件上传到服务器前读取显示文件的信息, 并且可以不使用post表单的方式来发送文件.下文将展示如何读取用户选择的文件信息, 并使用Ajax异步上传这些文件.1.显示文件信息1.1: 只有一个文件的情况HTML代码如下<input t...
HTML是标记语言,HTML由一套标记标签(Markup Tag)组成,在制作网页时,使用标记标签来描述网页 网页编辑工具:记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。 标签都是成对出现的,有一个开头标记就对应地有一个结束标记,以“< >”开始、以“< / >”结束,要求成对出现,标签之间有缩进,体现层次感,方便阅读和修改。 HTML5的基本结构分为两部分:头部(head)和主体(body)。 @ <head> ... </head> 网页...
1、HTML5 Canvas画板画图工具 可定义笔刷和画布HTML5 Canvas还有一个比较实用的应用,那就是网络画板,这样我们就可以在网页上直接进行画图操作。今天要分享的这款HTML5 Canvas画图工具就可以简单实现网络画图的功能,我们可以自定义笔刷的类型、粗细、颜色,也可以定义画布的大小和背景颜色等。我们也可以对这款HTML5画图工具进行扩展,让它的画图功能更加完善。 在线预览 源码下载 2、HTML...
获取【下载地址】? ?QQ: 313596790? ?【免费支持更新】A 代码生成器(开发利器);全部是源码??? ?增删改查的处理类,service层,mybatis的xml,SQL( mysql? ?和oracle)脚本,? ?jsp页面 都生成? ?就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;??数据库连接池??阿里巴巴的 druid。Druid在监控、可扩展性、稳定性和性能方面都有明显的优势C 安全权限框架shiro ;??Shiro 是一个用 Java 语言实现的框...
原文来自于:http://www.cnblogs.com/wei2yi/archive/2011/03/23/1992830.html 认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为Sock...
一、Canvas是什么?canvas,是一个画布,canvas元素用于在网页上绘制图形。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。二、创建Canvas元素加上基本的属性:类,宽度和高度<canvas class="MyCanvas" width:100px height:100px></canvas>三、绘制路径使用的是javascript元素来绘制,canvas本省不具备绘图的能力。所有的绘制必须通过javascript来完成。1、JavaScript 使用 id 来寻找 canvas 元素:var c=document...
什么是html5呢?html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。hmtl5于html的区别我们现在web前端开发的静态网页,一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢?1.在文档类型声明上html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
一:什么是HTML5的form自动完成功能?首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。如:12345678<formautocomplete="on"> First name:<inputtype="text"name="fname"/><br/> Last name: <inputtype="text"name="lname"/><br/> E-mail: <inputtype="em...
第一章1。搭建环境,wamp2。检查浏览器是否支持html5 ,是否支持新标签<canvas></canvas>3。简单高效,少用id,多用标签。4.使用css3美化样式。5.html5再ie8中找不到标签的时候,在<head>中自定义element <script type="text/javascript"> document.createElement(‘article‘); document.createElement(‘header‘); </script>原文:http://www.cnblogs.com/firew/p/5109856.html
第四章 文本1、<p></p>2、<small></small>表示细则一类的旁注,通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性,以粗体显示,一个strong可以嵌套在另一个strong中;<em></em>表示内容的着重点,以斜体显示,一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等;<i></i>用于如分类名称、技术术语、外语里...
一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极快速的查询选择库,支持W3C查询。版本jqMobi源码最初在2012年1月份推出,基于MIT/X11许可证,托管在GitHub上,开发者可参与并通过插件不断改进该框架。2012年3月13日,jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0jqMobi的特点速度快适用于智能手机和平板电脑提供了60多个API调用与jQuery相同的语法插件可扩展体积更小英特尔收购英...