设计网页语言规范 第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