JavaScript引入
内嵌式:<script type="text/javascript"/>
外链式:<script type="text/javascript" src="JavaScript文件路径"/>
五种基本数据类型:number,string,boolean,null,undefined
变量:var局部变量
函数:function sayhello(){
alert ("hello world") 标准
}
var sayhello=function(){
alert ("hello world") 变量形式
}
对象:var person=new Object();
person.name="lucy";
person.eat=function(){
alert (person.name+"吃饭");
}
person.eat();
var person=function(name){
this.name=name;
this.eat=function(){
alert (name+"吃饭");
}
}
var p=new person("lucy");
p.eat();
事件处理:onclick 单机某个元素
onmouseover 鼠标移到某元素上
onmousedown 鼠标按钮被按下
画布canvas
<body>
<canvas id="cavsElem" width="" height=""/> //创建画布
<script>
var canvas=document.getElementById('cavsElem'); //获得画布
var context=canvas.getContext('2d'); //获得上下文
context.beginPath(); //开始路径
context.moveTo(1,1); //移动起始点
context.lineTo(1,1); //绘制线
context.closePath(); //结束路径
context.stroke(); //绘制描边
context.fill(); //填充图形
</script>
</body>
context.strokeRect(x,y.width,height); //绘制矩形边框
context.fillRect(x,y,width,height); //绘制填充矩形
context.clearRect(x,y,height,width); //清除矩形
context.arc(x,y,radius,startAngle,endAngle,bAntiClockwise); //绘制圆形 bAntiClockwise false顺时针 Math.PI获取圆周率π的值
var img=new Image(); //创建图片对象
img src=""; //设置图片路径
img.οnlοad=function(){ //页面加载完成时使用图片
context.drawImage(img,0,0) //绘制图片
}