JavaScript正则表达式search()方法查找字符串位置详解

作者:半夏

时间:2026-10-28

浏览:254

本文通过具体代码实例,详细解析了JavaScript中正则表达式search()方法的用法。该示例展示了如何结合jQuery获取页面文本,利用正则匹配特定字符串,并通过search()返回索引位置来计算目标词在文本中的具体排位,最终将结果动态显示在网页元素中。

文章目录

JavaScript正则表达式search()方法查找字符串位置详解

本文通过具体代码实例,详细解析了JavaScript中正则表达式search()方法的用法。

具体实现代码如下所示:

代码示例如下:

<html>
<head>
<title>javascript正则表达式之search()实例</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
var str = $("p").text();
var reg = /王美人/;
num = str.search(reg);
num++;
$("ul").text("王美人出现在第 " + num + " 位");
  });
 });
</script>
<style type="text/css">
h5{color:blue;}
</style>
</head>
<body>
<h5>查找"王美人"出现的位置</h5>
<p>这是王美人的照片吗?真漂亮</p>
<button>点我有惊喜</button>
<ul></ul>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章