【HTML5开发系列】DOM及其相关】的更多相关文章

对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM把Javascript和HTML文档的结构和内容连接起来,通过DOM可以控制HTML的行为.DOM是一个树状结构,如下图所示. DOM Level和兼容性问题    DOM Level (即DOM等级)是W3C标准化过程中的版本号,在大多数情况下可以忽略他们. DOM0级(DOM Level 0) 实际上DOM0级标准是不存在的.所谓DOM0级只是DOM历史坐标中的一个参…
meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http-equiv属性可以有任意多个不同值.而在HTML5中则有限制.此外,现在已不再使用meta元素来指定网页所用的语言. meta元素用法 1.name和content属性 name属性用来表示元数据的类型,content属性用来提供值. meta元素可以使用几种预定义元数据类型.如下: applic…
HTML元素汇总,包含HTML4元素和HTML5新增元素.Y表示有变化,N则表示没有变化,N/A表示未知 文档和元数据元素 包括说明HTML文档的结构,向浏览器说明文档的情况,定义脚本程序和css样式,提供浏览器禁用脚本时要显示的内容 文本元素 文本元素用来为内容提供基本的结构和含义 内容分组元素 划分内容元素 用于划分内容,让每个概念.观点或主题彼此隔开. 制表元素 用于制作显示数据的表格 表单元素 创建HTML表单,一遍获取用户输入的数据 嵌入内容元素 未实现的元素…
选择器 属性 背景和边框 盒模型 布局 文本 动画 其他…
<form> 创建一个HTML表单 属性: action 表示提交表单时浏览器应该把用户填写的数据发送到什么地方 method 用来指定表单数据发送到服务器的方式.允许值有get和post两个 enctype 用来指定浏览器发送给服务器的数据编码方式.该属性可用值有三个 值 说明 application/x-www-form-urlencoded 这是默认编码方式.它不能用来将文件上传到服务器 multipart/form-data 该编码方式用于将文件上传到服务器 text/plain 该编…
LayoutSubViews 需要在某个View调整子视图的位置时,可以重写. 以下情况会出发LayoutSubViews方法的调用 init初始化不会触发layoutSubviews,但是是用initWithFrame 进行初始化时,当rect的值不为CGRectZero时,也会触发 addSubview会触发layoutSubviews 设置view的Frame会触发layoutSubviews,当然前提是frame的值设置前后发生了变化 滚动一个UIScrollView会触发layoutS…
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-5/ 最终我决定准备下一篇游戏开发系列的文章,我们将继续使用canvas来进行HTML5游戏开发系列的文章.今天我准备音乐的例子(有点儿像音乐合成器),它用到了使用CSS3来制作的基于DOM的对话框.为什么我使用独立的对话框--简单,最主要是因为CSS有很多处理标准元素的文本和样式的方法,且它可以使JS的代码简单,同时能提升例子程序的速度.所以你可以对这些对话框应…
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-10/ 最后我们将继续使用canvas来进行HTML5游戏开发系列的文章.今天我准备了一个新游戏--SkyWalker.这游戏基本上算是一个射击模拟类型的游戏(有飞机和敌人).我们的目标是到达终点线.该游戏有几个关键的特征:使用了精灵来处理飞机和爆炸,可以按下多个按键(比如你可以移动飞机的同时发射子弹),a certain level length,增强的碰撞检测…
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-9/ 今天我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次我准备了一个新游戏,是基于第4篇的游戏,但是增加了火球,敌人和碰撞检测.故,我们的龙可以发射火球来杀死敌人,并且记录分数.这样该游戏就有更多的交互性. 之前的翻译文章可以点击这里:http://www.cnblogs.com/pigzhu/p/3234255.html 第一步:HTML 首…
原文地址:http://www.script-tutorials.com/html5-game-development-lesson-8/ 这是我们最新一篇HTML5游戏开发系列文章.我们将继续使用canvas来进行HTML5游戏开发系列的文章.这次我将展示在你的项目中,如何使用Box2D的创建物体.Box2D是一个非常流行的开源物理引擎对于那些需要模拟2D物体的应用来说.在游戏开发中,2D物理引擎是个非常热门的话题.有了物理引擎的帮助,再设定环境和简单的规则,我们可以很容易的创建好玩的游戏.…