html5-学习坦克大战知识点总结

来源：互联网发布：奥登cba数据编辑：程序博客网时间：2024/05/31 19:38

坦克大战知识总结

一、认识html5标签：<DOCTYPE html>

二、认识html部分和javascript部分注释的不同方式；

1、html采用：<!—注释内容-->

2、vascript采用：//

三、认识了html中嵌入javascript的两种方法：

1、直接嵌入javascript语法<script type=“text/javascript”>javascript代码</script >;

2、嵌入javascript文件<scripttype=“text/javascript”src=”相对路径/绝对路径“>

</script >;

四、认识了怎么写js文件

1、任何变量直接用var定义；

2、任何函数采用function name(){}结构定义；

3、 Javascript中没有继承的概念，但是可以通过模拟继承的方式达到跟java继承一样的效果：先定义一个function函数对象，然后再定义一个function函数，在函数内部用一个变量直接等于先前定义的function函数，然后在新定义的函数中通过this直接调用先前定义的function函数就可以了；

function tank(x, y, direct){}

function herorTank(x, y, direct){

var tank =tank;

this.tank(x,y, direct); //相当于直接调用上面定义tank对象

}

4、认识数组的定义var arry = new Array();

5、认识数据压入数组的方法：arry.push(name);

6、认识函数对象的定义var name = new tank(x, y, direct);

7、认识window定时器的使用方法：

创建定时器：setInterval（“函数名（）”time）;

销毁定时器：clearInterval

8、了解清屏的方法：clearRect（x,y,w,h）;

9、初步了解<span></span><meta></ meta >

10、了解如何去获取页面的按键事件<body onkeydown="getCommand()" >

</body>

10、了解如何在网页上绘图：

A、通过<canvas></canvas>定义画布；

B、通过var canvas1 = document.getElementById("tankMap")获取画布；

C、通过canvas1.getContext("2d")获取画布环境，可以理解为画笔

D、画布支持丰富的javascript接口

阅读全文

0 0

html5-学习 坦克大战知识点总结

html5-学习坦克大战知识点总结