新手Javascript字符串拼接与变量的应用-js教程-PHP中文网

新手Javascript字符串拼接与变量的应用

coldplay.xixi

发布： 2020-12-07 17:47:58

转载

4550人浏览过

javascript栏目介绍学习字符串拼接与变量应用

相关免费学习推荐：javascript（视频）

1. 课程大纲

字符串拼接（+）的学习和应用
坐标变换在飞机大战游戏中的应用

2.1 字符串的拼接

在JS中使用“+"号，连接字符串、变量、数值等。

2.2 在警告框上显示朋友的数量

立即学习“Java免费学习笔记（深入）”；

在警告框上显示朋友的数量，显示效果如下

声明变量 friends表示朋友的数量，在警告框上显示“我的朋友数量为：7",使用字符串拼接符"+" ,代码如下‘

var friends = 7;
alert("我的朋友数量为:" +friends);

登录后复制

2.3 在警告框上显示自己的年龄

声明变量age，并且赋值为自己的年龄，代码如下:

var age = 23;

登录后复制

在警告框上显示“我的年龄为：23”，使用字符串拼接符“+”，代码如下：

alert("我的年龄" + age);

登录后复制

显示效果如下

2.4 在画布上显示飞机大战游戏的分数

声明变量 score，并且赋值为游戏的分数，代码如下：

var score = 95;

登录后复制

声明变量x，并且赋值为文字的X坐标，代码如下：

var x = 50;

登录后复制

声明变量y，并且赋值为文字的Y坐标，代码如下：

Perl学习手札 chm版

Perl学习手札是台湾perl高手写的一篇文章，特打包为chm版，方便大家阅读。关于本书 1. 关于Perl 1.1 Perl的历史 1.2 Perl的概念 1.3 特色 1.4 使用Perl的环境 1.5 开始使用 Perl 1.6 你的第一个Perl程序 2. 标量变量(Scalar) 2.1 关于标量 2.1.1 数值 2.1.2 字符串 2.1.3 数字与字符串转换 2.2 使用你自己的变量 2.3 赋值 2.3.1 直接设定 2.3.2 还可以这样 2.4 运算 2.5 变量的输出/输入 2.

查看详情

var y = 50;

登录后复制

使用ctx的font属性设置文字的大小和字体，代码如下：

ctx.font = "30px 微软雅黑";

登录后复制

在画布上显示“分数：98",使用 fillText方法和字符串拼接符"+",代码如下:

var score = 95;
var x = 50;
var y = 50;
ctx.font = "30px 微软雅黑";
ctx.fillText("分数：" + score,x,y);

登录后复制

代码运行结果如下

3.1 坐标的变化

观察下图，小人从A点移动到B点，坐标是如何变化的？

从图可以看出，小人从A点移动到B点，坐标X值增加了4, Y值没有变。

观察下图，小人从A点移动到B点，坐标是如何变化的？

从图可以看出，小人从A点移动到B点，坐标汉值增加了3, y 值增加了2 .

背景和飞机移动

使背景和飞机同时的坐标变化规律是：背景和飞机的X坐标的值不变，Y坐标的值不断的增加；

如果想让飞机比背景移动的快，则在相同时间内，飞机的Y坐标増加值比背景的Y坐标増加值大。

背景和飞机移动的代码如下（其中：x1、y1表示背景的坐标；x、y表示飞机的坐标）:

var x1 = 0;
var y1 = 0;
var x = 200;
var y = 0;
setInterval(function(){
	ctx.drawImage(background, x1, y1);
	y1=y1+1;
	ctx.drawlmage(enemy, x, y);
	y=y+3;
},10);

登录后复制

到此这篇关于Javascript新手入门之字符串拼接与变量应用的文章就介绍到这了。