這篇文章將為大家詳細講解有關(guān)Javascript字符串拼接與變量應(yīng)用的示例，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

十余年的富平網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整富平建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“富平網(wǎng)站設(shè)計”,“富平網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

1. 課程大綱

字符串拼接（+）的學(xué)習(xí)和應(yīng)用
坐標變換在飛機大戰(zhàn)游戲中的應(yīng)用

2.1 字符串的拼接

• 在JS中使用“+"號，連接字符串、變量、數(shù)值等。
  

2.2 在警告框上顯示朋友的數(shù)量

在警告框上顯示朋友的數(shù)量，顯示效果如下

聲明變量 friends表示朋友的數(shù)量，在警告框上顯示“我的朋友數(shù)量為：7",使用字符串拼接符"+" ,代碼如下‘

var friends = 7;
alert("我的朋友數(shù)量為:" +friends);

2.3 在警告框上顯示自己的年齡

聲明變量age，并且賦值為自己的年齡，代碼如下:

var age = 23;

在警告框上顯示“我的年齡為：23”，使用字符串拼接符“+”，代碼如下：

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

顯示效果如下

2.4 在畫布上顯示飛機大戰(zhàn)游戲的分數(shù)

聲明變量 score，并且賦值為游戲的分數(shù)，代碼如下：

var score = 95;

聲明變量x，并且賦值為文字的X坐標，代碼如下：

var x = 50;

聲明變量y，并且賦值為文字的Y坐標，代碼如下：

var y = 50;

使用ctx的font屬性設(shè)置文字的大小和字體，代碼如下：

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

在畫布上顯示“分數(shù)：98",使用 fillText方法和字符串拼接符"+",代碼如下:

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

代碼運行結(jié)果如下

3.1 坐標的變化

觀察下圖，小人從A點移動到B點，坐標是如何變化的？

從圖可以看出，小人從A點移動到B點，坐標X值增加了4, Y值沒有變。

觀察下圖，小人從A點移動到B點，坐標是如何變化的？

從圖可以看出，小人從A點移動到B點，坐標漢值增加了3, y 值增加了2 .

背景和飛機移動

使背景和飛機同時的坐標變化規(guī)律是：背景和飛機的X坐標的值不變，Y坐標的值不斷的增加；

如果想讓飛機比背景移動的快，則在相同時間內(nèi)，飛機的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);

關(guān)于Javascript字符串拼接與變量應(yīng)用的示例就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)頁題目：Javascript字符串拼接與變量應(yīng)用的示例
分享地址：http://chinadenli.net/article6/gigoig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、ChatGPT、域名注冊、網(wǎng)站營銷、網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)