我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道连接字符串concat()使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
现在要做一个连接字符串试验,要使用到JavaScript语言中的concat()方法
语法:
string.concat()
“string”代表字符串名
(代码1)
设计一个字符串变量"cj1"把字符串“微信公众号:”赋值给cj1。如代码2。
var cj1 = "微信公众号:";
(代码2)
设计一个字符串变量“cj2”,把字符串“design-Rabbit”赋值给“cj2”。如代码3。
var cj2 = "design-Rabbit";
(代码3)
设计一个字符串变量“cj”,调用concat()方法连接字符串变量cj1和cj2。如代码4。
var cj=cj1.concat(cj2);
(代码4)
设计一个变量“QQ2838697670()”把前面定义的cj,cj1,cj2封装成一个JavaScript小程序块脚本,实现字符串连接功能。如代码5。
<script>
function QQ2838697670()
{
var cj1 = "微信公众号:";
var cj2 = "design-Rabbit";
var cj=cj1.concat(cj2);
document.getElementById("Q2838697670").innerHTML=cj;
}
</script>
(代码5)
使用JavaScript语言4种引入方式引入方式,前面定义好JavaScript移植到Html5语言框架中在通过按钮“点我连接字符串”实现连接字符串效果。如代码6。
<!DOCTYPE HTML>
<html>
<head>
<title>微信公众号:design-Rabbit</title>
</head>
<body>
<p>
字符串1:"微信公众号:"
</p>
<p>
字符串2:"design-Rabbit"
</p>
<p id="Q2838697670">
单击按钮连接两个字符串成新的字符串。
</p>
<button onclick="QQ2838697670()">
点我连接字符串
</button>
<script>
function QQ2838697670()
{
var cj1 = "微信公众号:";
var cj2 = "design-Rabbit";
var cj=cj1.concat(cj2);
document.getElementById("Q2838697670").innerHTML=cj;
}
</script>
</body>
</html>
(代码6)
运行代码6,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。
(图1)
看到图1中效果后点击图1中按钮“点我连接字符串”把字符串1和字符中2链拉起来显示,效果如图2。
(图2)
看到图2的效果就说明我们做的JavaScript连接concat()方法试验成功了。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html