字符串替换replace()方法——免费JavaScript语言零基础极速入门

128 阅读2分钟

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

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

本次JavaScript语言试验是教大家用replace()方法,用一个字符串替换另一个字符串。

语法:


string.replace(要替换的字符表达式)
“string”代表字符串名

(代码1

定义一个字符串变量,变量名为“abc”。 把Html5框架中Id为"Q2838697670"的字符串内容赋值给字符串变量“abc”。如代码2。


var  abc=document.getElementById("Q2838697670").innerHTML;

(代码2)

定义变量cj,使用abc变量.replace()方法,把字符串变量abc中的“微信”字符串替换成“请关注微信”字符串。如代码3。


var cj=abc.replace("微信","请关注微信");

(代码3)

自定义一个函数QQ2838697670()把前面定义好的变量abc变量cj还有.replace("微信","请关注微信")替换方法封装成一个JavaScript小程序块脚本,如代码4。

<script>

function QQ2838697670()
{
var abc=document.getElementById("Q2838697670").innerHTML;
var cj=abc.replace("微信","请关注微信");
document.getElementById("Q2838697670").innerHTML=cj;
}

</script>

(代码4)

把封装好的JavaScript小程序块脚本移植到Html框架,中使用引用方式,用调用JavaScript小程序脚本QQ2838697670()函数。如代码5。

<!DOCTYPE HTML>
<html>

<head>
<title>微信公众号:design-Rabbit</title>
</head>

<body>
<p>单击按钮将段落中的第一个 “微信” 替换成 “请关注微信”:</p>
<p id="Q2838697670">微信公众号:design-Rabbit</p>
<button onclick="QQ2838697670()">
点击我后替换你
</button>

<script>
function QQ2838697670()
{
var abc=document.getElementById("Q2838697670").innerHTML;
var cj=abc.replace("微信","请关注微信");
document.getElementById("Q2838697670").innerHTML=cj;
}
</script>

</body>
</html>

(代码5)

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

image.png
(图1)

看到图1后我们看到有一个控钮“点击我后替换你”,点击后我们可以看到图2效果,图2效果就是图1中“微信公众号:design-Rabblit”的“微信”换成“请关注微信”。

image.png
(图2)

看到图2效果后我们看到文字替换效果成功后,就说明这个JavaScript语言试验运行成功了。

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

更多内容请看
虎哥引流器

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