php indexof(,JavaScript indexOf() 方法

JavaScript indexOf() 方法

实例

html>

php中文网

单击按钮显示“苹果”的位置:

点我

function myFunction(){

var fruits = ["香蕉", "橙子", "苹果", "甜瓜"];

var a = fruits.indexOf("苹果")

var x=document.getElementById("demo");

x.innerHTML=a;

}

注意:indexOf方法是在JavaScript 1.6中引入的,在IE 8或更早的版本中不可用。

运行实例 »

点击 "运行实例" 按钮查看在线实例

定义和用法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

如果在数组中没找到字符串则返回 -1。

提示如果你想查找字符串最后出现的位置,请使用 lastIndexOf() 方法。

浏览器支持

bccc4354e104f580223afd73967977c4.png

所有主要浏览器都支持 indexOf() 方法,但是 Internet Explorer 8 及 更早IE版本不支持该方法。

语法

array.indexOf(item,start)

参数值参数描述

item必须。查找的元素。

start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

返回值类型描述

Number元素在数组中的位置,如果没与搜索到则返回 -1

技术细节JavaScript 版本:1.6

更多实例

实例

html>

php中文网

单击按钮显示从位置4开始查找的“苹果”第一次出现的位置:

点我

function myFunction(){

var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple","Mango"];

var a=fruits.indexOf("Apple",4)

var x=document.getElementById("demo");

x.innerHTML=a;

}

注意:indexOf方法是在JavaScript 1.6中被引进的,在IE 8 或更早的版本中不支持。 

运行实例 »

点击 "运行实例" 按钮查看在线实例

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是index.html和about.html的示例代码: index.html代码: ``` <!DOCTYPE html> <html> <head> <title>My Personalized Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section> <h1>Welcome to My Website!</h1> <p>Here you can find all the information about me and my work.</p> <a href="#">Learn More</a> </section> <section id="gallery"> <img src="img/image1.jpg" alt="Image 1"> <img src="img/image2.jpg" alt="Image 2"> <img src="img/image3.jpg" alt="Image 3"> <img src="img/image4.jpg" alt="Image 4"> </section> </main> <footer> <p>© 2021 My Personalized Website</p> </footer> <script src="script.js"></script> </body> </html> ``` about.html代码: ``` <!DOCTYPE html> <html> <head> <title>About Me</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section> <h1>About Me</h1> <p>Hi, I'm John Doe, a web developer based in New York.</p> <p>I have over 5 years of experience in developing websites and web applications using HTML, CSS, JavaScript, and various web frameworks.</p> <p>My areas of expertise include front-end development, back-end development, and database management.</p> <a href="#">Learn More</a> </section> <section> <h2>My Skills</h2> <ul> <li>HTML5</li> <li>CSS3</li> <li>JavaScript</li> <li>jQuery</li> <li>Bootstrap</li> <li>PHP</li> <li>MySQL</li> <li>Node.js</li> <li>React.js</li> <li>AngularJS</li> </ul> </section> </main> <footer> <p>© 2021 My Personalized Website</p> </footer> <script src="script.js"></script> </body> </html> ``` 注意:这只是一个简单的示例,实际上您可以根据自己的需求和喜好自由设计您的个性化主题网页。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值