返回指定位置的字符charAt() 方法——免费JavaScript语言零基础极速入门

146 阅读2分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。

突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道返回指定位置的字符charAt() 使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。

现在给大家讲一个使用JavaScript语言中charAt() 方法返回指定位置的字符。


语法:
string.charAt(M)
“string”代表字符串名
"M"代表字符的位置,例如“0”是字符串的起点。

定义一个字符串变量“cj”,把字符串“微信公众号:design-Rabbit”赋值给变量“cj”。如代码2


var  cj="微信公众号:design-Rabbit ";
(代码2)

把上面赋好值的变量 “cj” 和替换方法cj.charAt()封装到自定义函数“QQ2838697670()”写成JavaScripti小程序块脚本,实现显示指定位置字符,如代码3。

<script>
function QQ2838697670()
{
var cj="微信公众号:design-Rabbit";
document.getElementById("Q2838697670").innerHTML=cj.charAt(0);
}
</script>

(代码3)

Html5框架中使用事件调用前面定义好的自定义函数“QQ2838697670()”,如代码4。


<button onclick="QQ2838697670()"> 
点击我
</button>

(代码4)

把上面的自定义好的JavaScript小程序块脚本移到Html5框架中,如代码5。

<!DOCTYPE HTML>
<html>
<head>
<title>微信公众号:design-Rabbit </title>
</head>
<body>
<p>有一个字符串,"微信公众号:design-Rabbit "</p>
<p id="Q2838697670">单击按钮显示这个字符串的第一个字符。</p>
<button onclick="QQ2838697670()">点击我</button>
<script>
function QQ2838697670()
{
var cj="微信公众号:design-Rabbit ";
document.getElementById("Q2838697670").innerHTML=cj.charAt(0);
}
</script>
</body>
</html>

(代码5)

运行代码5,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。

image.png 图1

单击图1中的按钮“点击我”后就会看到图2的效果,看到“单击按钮显示这个字符串的第一个字符。”变成“微”一个字。

image.png 图2


看到图2的效果JavaScript语言charAt() 方法返回指定位置的字符的试验就成功了。

杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html