设计网页语言规范 第1篇
1、单行注释
作用：注释一行文字
语法：
// 要注释的内容
使用ctrl/commend+？可以自动生成
2、多行注释
作用：注释一行文字
语法：
要注释的内容
（三）创建应用并显示在网页中【重点】
1、创建应用：
语法：
//为应用设置程序中的别名 = 创建一个指定宽高的应用
var 自定义名称=new （ “宽，高”）
2、在网页中添加应用
语法：
( 应用的名称.view );
语法解释：
// document：网页
// body：网页可以显示的内容
// appendChild：追加一个元素
// ：应用的界面
设计网页语言规范 第2篇
让程序监听要于用户产生互动的元素
语法：
元素名.interactive=true;//开始监听
只有被监听的元素，程序才能感知用户在其中的操作
（二）自定义处理事件的函数
当事件被触发时，执行函数中的代码响应用户的操作
语法：
function 自定义函数名（）{
//触发事件时要执行的代码
设计网页语言规范 第3篇
帧频函数:被程序自动反复调用，每秒会调用60次。
核心代码
// 8.帧频函数 : 每一帧完成的动作
function move(){
= - 2;
}
//9.添加帧频函数
// 注意 : 程序每秒钟会调用60次move函数，不会停止调用
( move )
设计网页语言规范 第4篇
定义：图片元素跟随鼠标一起移动
当鼠标移动时会触发mousemove事件
在事件中获取鼠标的位置
var pos event. ();
用鼠标的x和y坐标作为图片元素的x和y的值
元素的锚点，也可以叫定位点，是指元素某个点对应某个坐标
例：当我们把飞机图片定位到x=100，y=100的位置，飞机图片的左上角会对应该位置，此时飞机左上角称为锚点
设置锚点
元素.值
元素.值
元素.(x值，y值)同时设置x,y方向的锚点
常见锚点设置
// 设置中心点为锚点
// = ;
// = ;
// ();
// 设置左上角为锚点:
// = 0;
// = 0;
// (0,0);
// 设置右上角为锚点
// = 1;
// = 0;
// (1,0);
// 设置左下角为锚点
// = 0;
// = 1;
// (0,1);
// 设置左下角为锚点
= 1;
= 1;
// (1,1);
字符串拼接
字符串与变量可以使用+进行拼接
例如：字符“串+变”+量+“字符串”+变量
在应用窗口中显示鼠标的x和y坐标
function move(event){
var pos = ();
(_x: _+_坐标_);
(_y: _+_坐标_);
// 鼠标的x和y位置设置给文本
= _x: _+_坐标”，y: _+_坐标_;
}
小数取整
(); //向上取整 2
坐标区
function move(event){
var pos = ();
(_x: _+_坐标_);
(_y: _+_坐标_);
// 讲鼠标的x和y位置设置给文本
= _x: _+()+_坐标，y: _+()+_坐标_;
}
设计网页语言规范 第5篇
属性就是元素可以自定义的配置
属性的分类：公有属性（所有元素都具备的属性），私有属性（只作用于某一种元素）
设置元素属性的语法：
元素名.属性名=属性值；
;//设置飞机元素的x坐标属性
属性类别
属性名称
公共元素
设置元素x坐标
设置元素y坐标
width
设置元素的宽度
height
设置元素的高度
rotation
设置元素的旋转弧度（按照原点旋转）
弧度（45*），1度=弧度
scale
设置元素放大或缩小的比例，也可以用于反转图像
设置放大或缩小元素的宽度 设置放大或缩小元素的高度 缩小赋值：0～1之间的小数，缩小缩小到原来的%几 放大赋值：1～n之间的小数，放大的比例 水平翻转：; 垂直翻转：； 缩小或放大不能与width或height一起使用
alpha
设置元素的可见度，赋值范围0～1之间表示可见度比例
visible
设置元素是否可见,赋值true表示可见，false表示不可见
私有属性
text
设置文本元素中的文本文字
var t=new (_赢了_)
style
fill：设置字体填充颜色 fontSize:设置字体大小 fontFamily:设置字体
设计网页语言规范 第6篇
变量：可以保存一个数据，变量中存储的数据可以改变。
定义变量的语法:
方式1:先声明再赋值
var a; //声明
a = 10; //赋值
方式2:声明同时并赋值
var a=10；
注意：变量必须先赋值再使用。
通过变量控制飞机移动的速度
设计网页语言规范 第7篇
作用：告知程序在哪个元素中，触发什么类型的事件，执行什么名称的函数
语法：
元素名.on(“事件类型”，自定义函数名)；
//当用户在a元素中，触发了click（单击）事件，执行名称为test函数中的代码
（“click”，text）；
注意事项：1.注意字母正确
后名称zuo不能和a一样
设计网页语言规范 第8篇
1、概念：像素是图像中的小方块，是组成图像的最小单位，所有在计算机显示的元素都是由若干像素组成
2、像素可以作为媒体的宽、高单位，例如一张图像的宽高是300✖️120，他表示从左到右有300个像素方块构成，总像素数=300✖️120
3、应用窗口的像素坐标系
以应用窗口的左上角为原点
水平向右延伸x轴，坐标值为0～应用窗口宽度
垂直向下延伸y轴，坐标值为0～应用窗口高度
4、通过修改元素的x与y坐标达到定元素的效果
元素名.x = x坐标;
元素名.y = y坐标;
注意事项：1.记得写标注并及时查看是否有误
2.名称要用英文
3.注意加；
4.注意分清appendChild和addChild