我和往常一样，一边喝早茶，一边上网和女粉丝侃大山，在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程，并研究学习各种品牌的小程序。
突然女粉丝问：“陈老师！听说你是公司里的javaScript语言大师？”。
我答：“略懂略懂，略知1、2”。
女粉丝问：“陈老师！你知道查找字符串位置indexOf()使用方法吗？”。
我答：“知道！”。
女粉丝问：“可以教我吗？”。
我答：“好的！下面写个教程，你回头等我更新网文吧！”。
现在我们要做个JavaScript字符串位置查找试验，要用到字符串indexOf()方法。
还会演示JavaScript在Html页面中body标签内的引入（）方法。
语法：
String.indexOf()
“string”代表字符串名
（代码1）
定义一个字符串数组“QQQ2838697670”,把4个字符串分别赋值给字符串数组. 分别是字符串: 1、"Q2838697670"，字符串 2、"微信公众号：design-Rabbit "，字符串 3、"兔儿屋设计坊"，字符串 4、"HTML&CSS&JS兴趣群：805366477"，字符串数组定义如代码2。
var QQQ2838697670 =
[ "Q2838697670", "微信公众号：design-Rabbit ", "兔儿屋设计坊", "HTML&CSS&JS兴趣群：805366477" ];
（代码2）
定义一个变量"abc"，并调用数组QQQ2838697670.indexOf把计算结果赋给变量“abc”，
变量“abc”保存的值就是 “兔儿屋设计坊”字符串在QQQ2838697670字符串数组中的位置。如代码3。
var abc = QQQ2838697670.indexOf("兔儿屋设计坊");
（代码3）
设计一个自定义函数Q2838697670()，把上面设计好的变量和字符串变量封装起来，成为一个JavaScript小程序脚本。如代码4。
<script>
function Q2838697670()
{
var QQQ2838697670 =
[
"Q2838697670",
"微信公众号：design-Rabbit ",
"兔儿屋设计坊",
"HTML&CSS&JS兴趣群：805366477"
];
var abc = QQQ2838697670.indexOf("兔儿屋设计坊");
var cj=document.getElementById("QQ2838697670");
cj.innerHTML=abc;
}
</script>
（代码4）
把设计封装好的JavaScript小程序块脚本移植到Html5框架中如代码5。
在标签内编写JavaScript就是，页中引入Js是Js的4种引入方式之一。
<html>
<head>
<title>微信公众号：design-Rabbit </title>
</head>
<body>
<p>
有字符串"Q2838697670",
"微信公众号：design-Rabbit ",
"兔儿屋设计坊",
"HTML&CSS&JS兴趣群：805366477"
</p>
<p id="QQ2838697670">
单击按钮显示“兔儿屋设计坊”的位置：
</p>
<button onclick="Q2838697670()">
点我查找字符串位置
</button>
<script>
function Q2838697670()
{
var QQQ2838697670 =
[
"Q2838697670",
"微信公众号：design-Rabbit ",
"兔儿屋设计坊",
"HTML&CSS&JS兴趣群：805366477"
];
var abc = QQQ2838697670.indexOf("兔儿屋设计坊");
var cj=document.getElementById("QQ2838697670");
cj.innerHTML=abc;
}
</script>
<p>
<b>注意:</b>indexOf方法是在JavaScript 1.6中引入的,在IE 8或更早的版本中不可用。
</p>
</body>
</html>
（代码5）
运行代码5，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。
（图1）
在图1中可以看到有一个按钮“点我查找字符串位置”，点击后得到图2效果。
（图2）
点击图1中的按钮后文本“单击按钮显示“兔儿屋设计坊”的位置：”就会变成数字“2”。
这是因为我们设计的数组中只有4个字符串，“兔儿屋设计坊”字符串在字符数组中是第3个字符串，它的前面只有2个字符串位置，因为数组是从0开始，0、1、2、的第3位置就是“2”。
杰哥学习笔记分享到这里，会不定期更新，喜欢的粉丝们请收藏、关注、点赞，我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html
