随笔分类 - HTML
摘要：HTML 5 DOM定义了一下集合、列表等复杂的数据类型用于实现便捷的操作。相对于HTML 4 DOM，HTML 5 DOM增加了HTMLCollection、DOMTokenList、DOMStringMap、HTMLAllCollection、 HTMLFormControlsCollecti...
阅读全文
posted @ 2014-12-11 08:22
淡忘~浅思
摘要：一、Element接口 Element接口表示一个元素，该接口扩展自Node接口，自然继承了Node接口的属性和方法，也有一套针对元素的属性和方法。 Element接口常见的属性比较少，常用的就是一个只读的tagName属性，该属性返回元素名，数据类型是DOMString。 Element接口定义的...
阅读全文
posted @ 2014-12-10 08:25
淡忘~浅思
摘要：所有的节点都使用Node接口来表示，可以使用很多方法去获取节点，如document.getElementsByTagName()、document.getElementsByName()等均返回一个NodeList对象，然后获取其中的节点。 节点对应的属性和放大均在Node接口予以定义： 1、Nod...
阅读全文
posted @ 2014-12-09 09:21
淡忘~浅思
摘要：操作HTML文档的第一步就是获取对文档元素的引用，每一个元素在DOM中就是一个节点，所有的元素在DOM中构成一个节点树。用于获取元素节点定义的方法定义于HTMLDocument接口，window.document方法用于实现该接口，其定义的常用方法和属性如下：属性或方法返回值类型说明[getter...
阅读全文
posted @ 2014-12-08 14:57
淡忘~浅思
摘要：HTML： Canvas绘制旋转太极 JavaScript:var canvas = document.getElementById("face");var cxt = canvas.getContext('2d');var r = 100; //半径var pointX =...
阅读全文
posted @ 2014-12-07 01:19
淡忘~浅思
摘要：原文：All You Need to Know About the HTML5 Data Attribute 译文：你必须知道HTML 5 的Data属性 译者：dwqs HTML 5的Data属性可以让你给元素自定义数据。这篇文章就是思考怎么更好的使用Data属性。 介绍 HTML 5之前，我...
阅读全文
posted @ 2014-12-06 10:01
淡忘~浅思
摘要：原文：Introducing the HTML5 “Menu” and “Menuitem” Elements译文：HTML 5中Menu和Menuitem的元素介绍译者：dwqs今天向你介绍HTML 5中的两个元素：Menu和Menuitem，这两个元素是W3C交互元素中的一部分。现在Web的演变...
阅读全文
posted @ 2014-12-03 10:47
淡忘~浅思
摘要：来源：http://www.ido321.com/1189.html昨天，在项目中碰到了option显示异常的原因，截图如下：Firefox中用css控制之后效果chrome和IE中css不奏效代码： 调 试了很久，在网上也找了方法，最终无果，只要去请教大牛了。大牛建议我去...
阅读全文
posted @ 2014-11-15 10:49
淡忘~浅思
摘要：来源：http://www.ido321.com/1147.html需求：让select、ul、文字、button、text显示在一行中，效果戳：http://bbs.csdn.net/topics/390915380?page=1#post-398415668我的实现如下HTML： Tes...
阅读全文
posted @ 2014-11-06 14:25
淡忘~浅思
摘要：来源：http://www.ido321.com/1143.html看到一些网站上添加了各种搜索引擎。如Google、百度、360、有道等，就有点好奇，这个怎么实现？研究了一各个搜索引擎怎么传送关键字，找到了小窍门，于是乎，自家弄了一个百家搜索：效果：演示地址戳此：http://sousuodaqu...
阅读全文
posted @ 2014-11-05 09:14
淡忘~浅思
摘要：译文来源：http://www.ido321.com/1130.html原文：HTML 5 Notification译文：HTML 5 的消息通知机制译者：dwqs HTML 5 已经被应用到Web开发中。跟平常一样，任何一个软件新版本的发布都期待一些新的特性，这对HTML 5也不例外。为了仅仅通过...
阅读全文
posted @ 2014-11-03 09:27
淡忘~浅思
摘要：译文来源：http://www.ido321.com/1126.html原文：HTML5 Page Visibility API译文：HTML 5的页面可视性API译者：dwqs在早期，浏览器并没有提供选项卡，但是现在基本所有浏览器都提供了这个功能。作为一个程序员，我一般会同时打开10到15个选项卡...
阅读全文
posted @ 2014-11-02 09:56
淡忘~浅思
摘要：原译文地址：http://www.ido321.com/1116.html原文：Detect HTML5 Features译文：HTML5特性检测译者：dwqs随着HTML 5的流行，现在HTML 5占据了主要的市场份额，HTML 5增加了很多的新功能，这些新功能可以让Web体验变得更好。大多数特性...
阅读全文
posted @ 2014-10-31 12:01
淡忘~浅思
摘要：原文：http://www.ido321.com/1112.html之前的博客收录集只是初版，还在修改，所以就不拿出来分享了。现在博客收录集的终版已经敲定：http://www.ido321.com/daohang/改版说明如下：1、增加了“我要上榜”板块：根据随机筛选和博主在本博客的活跃度匹予以展...
阅读全文
posted @ 2014-10-28 22:47
淡忘~浅思
摘要：来源：http://www.ido321.com/1089.html效果（新版Firefox中测试）：代码： Google Map Google Maps JavaScript API v3（参考文档）：https://developers.google.com/...
阅读全文
posted @ 2014-10-24 08:36
淡忘~浅思
摘要：原文：An Introduction To The HTML5 History API译文：关于HTML 5 History API 的介绍译者：dwqsHistory是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了...
阅读全文
posted @ 2014-10-21 09:59
淡忘~浅思
摘要：来源：http://www.ido321.com/997.html一、图像处理(非特别说明，所有结果均来自最新版Google)在HTML 5中，不仅可以使用Canvas API绘制图形，也可以用于处理网络或磁盘中的图像文件，然后绘制在画布中。绘制图像时，需要使用drawImage()方法：drawI...
阅读全文
posted @ 2014-10-14 00:11
淡忘~浅思
摘要：来源：http://www.ido321.com/986.html一、图形渐变（均在最新版Google中测试）1、绘制线性渐变 1: // 获取canvas 的ID 2: var canvas = document.getElementById('canvas'); 3: ...
阅读全文
posted @ 2014-10-13 12:45
淡忘~浅思
摘要：来源：http://www.ido321.com/968.html一、Canvas的基础知识Canvas是HTML 5中新增的元素，专门用于绘制图形。canvas元素就相当于一块“画布”，一块无色的透明区域，需要利用JavaScript编写在其中进行绘画的脚本。在页面放置canvas元素很简单，利用...
阅读全文
posted @ 2014-10-12 19:54
淡忘~浅思
摘要：来源：http://www.ido321.com/949.html一、HTML 5受欢迎的三个理由1、IE、Google、Firefox、Safari、Opera等主流浏览器的支持1.1 微软：2010年3月16日，微软在拉斯维加斯举行的MIX10技术大会上推出IE9预览版，更多支持CSS3、SVG...
阅读全文
posted @ 2014-10-12 09:47
淡忘~浅思
浙公网安备 33010602011771号