本文通过具体代码实例,详细解析了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程序设计有所帮助。