1.创建链接 代码如下:<script language="javascript"> var o = document.body; //创建链接 function createA(url,text) { var a = document.createElement("a"); a.href = url; a.innerHTML = text; a.style.color = "red"; o.appendChild(a); } createA("//www.gxlcms.com/","牛C网"); </script> 2.创建DIV 代码如下:<script language="javascript"> var o = document.body; //创建DIV function createDIV(text) { var div = do...
无标题文档 var JObj = {}; (function($){ $.$ = function(p){ var obj = typeof(p) == "object" ? p : document.getElementById(p); assignFn(obj); return obj; } $.$appendTo = function(f,p){ var obj = p ? $.$(p) : this; $.$(f).appendChild(obj); assignFn(obj); return obj; } $.$c = function(p,n){ var obj; try{ obj = document.createElemnet(""); }catch(e){ obj = document.createElement(p); obj.name = name; ...
!DOCTYPE指定了 HTML 文档遵循的文档类型定义(DTD)。a标明超链接的起始或目的位置。acronym标明缩写词。address特定信息，如地址、签名、作者、此文档的原创者。applet在页面上放置可执行内容。area定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。attribute以对象的形式代表了 HTML 元素的标签属性或属性。b指定文本应以粗体渲染。base指定一个显示 URL 用于解析对于外部源的链接和引用，如图像和样式表。baseF...
要是XHTML与CSS能面向对象。。太阳应该从北边升起了。但是，凡事都应该带着OO的思想来看问题，也勉强可以凑数拉。其实，早在零几年就有人提出了OO-style，不过已找不到。那要怎样OO呢？现在大家都知道CSS是可以介样写滴：.G_G { /* xxxxxx */ }我们可以把它大约看一个原型，或者说成类，-__-b 好像本来就是类的样子，然后要在HTML里“实例化”一个对象，例如：<div class="G_G">笨蛋嗷嗷</div>该元素会使用上CSS相应的定...
这篇文章主要介绍了HTML5中使用json对象的实例代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。下面通过实例代码给大家介绍HTML5中使用json对象的方法，具体代码如下所示：<!DOCTYPE html> <html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/><title>json对象用法</...
实例获得视频的错误状态：myVid=document.getElementById("video1"); alert(myVid.error.code);定义和用法error 属性返回一个 MediaError 对象。MediaError 对象的 code 属性包含了音频/视频的错误状态。浏览器支持只有 Internet Explorer 9 支持 error 属性。语法audio|video.error.code返回值类型描述数字值MediaError 对象的 code 属性返回一个数字值，它表示音频/视频的错误状态：1 = MEDIA_ERR_ABORTED - 取回过程被用户中止2...
实例获得视频的第一段缓冲范围（部分），以秒计：myVid=document.getElementById("video1"); alert("Start: " + myVid.buffered.start(0) + " End: " + myVid.buffered.end(0));定义和用法buffered 属性返回 TimeRanges 对象。TimeRanges 对象表示用户的音视频缓冲范围。缓冲范围指的是已缓冲音视频的时间范围。如果用户在音视频中跳跃播放，会得到多个缓冲范围。浏览器支持所有主流浏览器都支持 buffered 属性。注释：Internet Ex...
[导读] HTML5拖拽的数据传输 虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTransfer对象。HTML5拖拽的数据传输 虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽，在IE6和IE7中还是有些拖拽问题，并且也没有实现数据的交换。为了实现数据的交换，IE5引入了dataTransfer对象。...
<canvas></canvas>只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在<canvas>>元素上绘图主要有三步： 1.获取<canvas>元素对应的DOM对象，这是一个Canvas对象；2.调用Canvas对象的getContext()方法，得到一个CanvasRenderingContext2D对象；3.调用CanvasRenderingContext2D对象进行绘图。图形组合：?globalAlpha： 设置或返回绘图的当前 alpha 或透明值 该方法主要是设置图形的透明度，这里就不具...
返回目录1.什么是精灵对象（sprite）？ 所谓的精灵对象，就是游戏中的一个具有行为的元素，以超级玛丽为例，玛丽，敌人都算是一个精灵对象。在cnGameJS框架中，精灵对象如下几个特点： 1.添加动画：在之前的动画篇中，我们介绍过cnGameJS如何实现帧动画。而作为精灵对象，就是动画的使用者。例如我们控制玛丽向不同方向的行走，玛丽会产生行走的动画。 2.包含图像：对于另外一些精灵对象，它可能不需要运动动画，这时我们...
1.什么时候需要场景对象？ 场景对象有区别于上一篇介绍的地图对象，它们分别应用于不同类型的游戏。之前的地图对象应用于格子类的游戏，例如推箱子，坦克大战。而本节介绍的场景对象，则适用于拥有特定场景的游戏，例如超级玛丽，恐龙快打等。这类游戏通常在2d场景内控制一个玩家对象，随着玩家的移动，场景跟着移动。2.场景示例：效果：（左右键控制超级玛丽的移动）代码：<body> <div><canvas id="gameCanvas">请使用支持canv...
1.什么场合需要用到游戏地图对象？ 游戏地图对象适用于类似坦克大战，推箱子之类的游戏。这些游戏的地图都由一个个小格子组成，使用游戏地图对象，可以很方便地生成这种地图。2.示例：生成地图 使用地图对象，只需要很少的代码量就可以根据二维数组生成地图。 代码：<body> <canvas id="gameCanvas">请使用支持canvas的浏览器查看</canvas> </body> <script src="http://files.cnblogs.com/Cson/cnGame_v1.0.js"></script...
XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象，我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件，我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。创建一个FormData对象 你可以先创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段，如下：var oMyForm = new Form...
在阅读一本HTML5游戏开发相关书籍时发现一个很好的例子，通过这个例子可以对面向对象的开发进行更深入的理解。这个对象要实现的是：将一个CSS sprite中的图像绘制到canvas中。首先创建一个SpriteSheet对象，代码如下：var SpriteSheet = new function(){this.map = { };this.load = function(spriteData,callback){this.image = new Image();this.image.onload = callback;this.image.src = "images/sprites.png";};this.draw = fu...
HTML5新添加了对历史的管理，更新了history对象让管理历史状态更加方便了。在现代Web应用中，用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如，提高了用户体验。 通过haschange事件，可以知道URL的参数什么时候发生了变化，也就是什么时候该有所反应。通过状态管理的API，能够在不加载新页面的情况下改变浏览器的URL。所以需要使用history.pushState()方法。history.push...