HTML5 js 基础知识

res=8h&chkv=0&chkbd=0&chkpc=&dp-logid=5743668589539406213&dp-callid=0&size=c710_u400&quality=100&vuk=-&ft=video)

document表示整个HTML页面，getElementById可能与HTML元素和id有关。

一旦getElementById通过id获取一个元素，就可以用它来做些处理。

使用planet.innerHTML属性可以改变元素的内容。

其中window.onload是在页面加载完成之后再调用init函数

使用document.createElement("li")来创建一个新元素。他会返回一个新元素的引用。

play-list_store.js:

playlist.js:

html

知行办公，专业移动办公平台 https://zx.naton.cn/

【总监】十二春秋之， [email protected] ；

【Master】zelo， [email protected] ；

【运营】运维艄公， [email protected] ；****

【产品设计】流浪猫， [email protected] ；

【体验设计】兜兜， [email protected] ；

【iOS】淘码小工， [email protected] ； iMcG33K， [email protected] ；

【Android】人猿居士， [email protected] ；思路的顿悟， [email protected] ；

【java】首席工程师MR_W， [email protected] ；

【测试】土镜问道， [email protected] ；

【数据】fox009521， [email protected] ；

【安全】保密，你懂的。

CreateJS包含4个部分，EaselJS、TweenJS、PreloadJS、SoundJS，其中最主要的部分EaselJS包含了开发Html5游戏的所有功能，仅仅使用EaselJS几乎可以完成所有的开发工作，其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能，而使用TweenJS来创建补间动画，则可以省去你很多代码，简化了 *** 作。一个简单的tick动画看起来是这样的：<pre t="code" l="js">var stage, circle

function init(){

stage = new createjs.Stage(document.getElementById('game'))

createjs.Ticker.addEventListener("tick", handleTick)

createjs.Ticker.setFPS(60)

circle = new createjs.Shape()

circle.graphics.f("red").dc(0,0,50)

circle.x = 0

circle.y = 100

stage.addChild(circle)

circle.addEventListener("click", function(event){

createjs.Ticker.setPaused(!createjs.Ticker.getPaused())

})

}

function handleTick(event){

if(!event.paused){

circle.x +=5

if(circle.x >1000){

circle.x = 0

}

}

stage.update()

}

---