一点笔记[JavaScript]

按键反馈

document.onkeydown = function(X) {      }

document：整个页面，由js内置

onkeydown：键盘按下

function：执行

设置初始值

var a = 1   1为初始样式值，a为任意命名

判断

if（判断条件）{执行操作}

选取X，将其样式中的left质变更为引号中的值

$(".X").css({left: a + "%"});

引入文件

<script src="文件名"></script>

通过id定位元素

getElementById

如：var A = document.getElementById("C1")

           在整个页面document中定位id名为C1的元素，并命名为A

在名为enemy的空间创建盒子

var enemy = $("<div></div>")

为E赋值0~n的随机数，并取整

var E = parseInt(n* Math.random());

将空间enemy添加至road

$(".road").append(enemy);

定时器(每隔1.5秒执行create动作)

setInterval(create,1500)

循环移动

move();

function move(){

$(".paodao").animate( {"margin-top":"0"}, 5000,"linear",//道路按5s秒的速度匀速移动

function(){

$(".paodao").css( {"margin-top":"-100%"});//道路的循环，-100%为设定200%浏览器长后，将上半部分置上

move();})

}

为画布设置画笔

getContext

var B = A.getContext("2d")
获取2d平面画笔，命名为B

设置笔色

B.strokestyle = "black"　设为黑色

笔粗

B.lineWidth=

开始/结束画笔轨迹

B.beginPath()

B.closePath()

实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径

B.stroke()

使用strokeStyle定义样式

填充画笔的轨迹

B.fill（）

定义样式：B.fillStyle=

清空矩形区域

B.clearRect(0,0,500,500)

矩形区域靠左上X，左上Y，右下X，右下Y的坐标来选定，当各坐标值与画布相同时，则该命令清空画布

点击事件

clike

滚轮事件

mousewheel