<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

	<script type="text/javascript">

		window.onload = function (){

			var oP = document.getElementsByTagName("p")[0];

			var aInput = document.getElementsByTagName("input");

			var aSpan = document.getElementsByTagName("span");

			var str = oP.innerHTML;

			var content = '';

			for(var i = 0; i < str.length; i++){

					content += '<span>' + str.charAt(i) + '</span>';

				}

			oP.innerHTML = content;

			aInput[1].onclick = function (){

				var val = aInput[0].value;

				var arr = [];

				var num = -1;

				function findNum(){

				num = str.indexOf(val , num+1);

				if(num != -1){

					arr.push(num);

					findNum();

					}

				}

				function change(index){

				for(var i = 0; i < val.length; i++){

					aSpan[index+i].style.background = "blue";

					}

				}		

				findNum();

			for(var i = 0; i < aSpan.length; i++){

				aSpan[i].style.background = '';

			}

			for(var i = 0; i < arr.length; i++){

				change(arr[i]);

			}

		}

}

	</script>

</head>

<body>

	<input type="text" ><input type="button" value="查询">

	<p>sagdhrthyrutyjjsasaHHsdgsg</p>

</body>

</html>

　　

js 查找一串字符串中一段字符的更多相关文章

  1. js把一串字符串去重(能统计出字符重复次数更佳)

    原文来自:https://juejin.im/post/5ba6e77e6fb9a05d0b14359b <script> let str = "12qwe345671dsfa2 ...

  2. js技术之获取字符串中某个字符的位置（lastIndexOf()方法 和 indexOf() 方法）

    一.lastIndexOf()方法 1.作用: 方法可返回 一个指定的字符串值 在字符串中最后出现的位置.从左往右查. 2.返回: 一个正整数.或者 -1. 3.语法: stringObject.la ...

  3. js 统计一个字符串中出现的字符最多的字符

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. Java-Runoob-高级教程-实例-字符串：03. Java 实例 - 删除字符串中的一个字符

    ylbtech-Java-Runoob-高级教程-实例-字符串:03. Java 实例 - 删除字符串中的一个字符 1.返回顶部 1. Java 实例 - 删除字符串中的一个字符  Java 实例 以 ...

  5. Java 求字符串中出现频率最高字符

    前段时间接触的这个题目,大体理解了,还有些小地方仍待进一步品味,暂且记下. import java.util.ArrayList; import java.util.Arrays; import ja ...

  6. C语言考题：输入一个字符串，将此字符串中特定的字符删去后， 显示新的字符串，要求用函数来完成删去字符的操作。

    #include <stdio.h> #include <string.h> /*此题只需要删除单个字符,比较简单.相信大家也能做出来的.我这个也是可以实现的.只是加了两个判断 ...

  7. C++ 删除一个字符串中的指定字符

    Q:一个数字是以xxx,yyy,zzz的字符串形式存储的,将逗号消去并转化为整数输出 方法一:char数组,即定义时s1定义为 char s1[20]的形式: //删除输入字符串中的逗号,并构建新串 ...

  8. JAVA----编程列出一个字符串的全字符组合情况，原始字符串中没有重复字符

    package com.pb.demo.packclass.demo1; import java.util.HashSet; /** * 编程列出一个字符串的全字符组合情况,原始字符串中没有重复字符 ...

  9. c# 过滤字符串中的重复字符

    有字符串"a,s,d,v,a,v",如果想去除其中重复的字符,怎么做? 下面是一个方法,用Hashtable来记录唯一字符,排除重复字符,仅供参考. 1.过滤方法: public ...

随机推荐

  1. bzoj 4291: [PA2015]Kieszonkowe

    Description 给定n个数,请从中选出若干个数,使得总和为偶数,请最大化这个总和.   Input 第一行包含一个正整数n(1<=n<=1000000). 第二行包含n个正整数a_ ...

  2. kubernetes 之dns 服务发现

    1.在每个节点上面导入如下镜像 [root@node1 DNS]# lltotal 59816-rw-r--r--. 1 root root 8603136 Nov 25 18:13 execheal ...

  3. nodejs + express 入门之 hello world

    使用nodejs 开发web项目时原生的api开发比较困难.组合express后就比较容易了. 1.安装 express:       (express地址: http://www.expressjs ...

  4. Firebug Console API

    原文发布时间为:2011-06-06 -- 来源于本人的百度文章 [由搬家工具导入] Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下 ...

  5. 命名参数和可选参数在.NET中的使用

    原文发布时间为:2011-04-25 -- 来源于本人的百度文章 [由搬家工具导入] Named and Optional Arguments class NamedExample{staticvoi ...

  6. 使用T4模板创建一个例子

    1.创建项目,添加新项,名称处填写Messages.tt,如下图: 添加后,Messages.tt文件内容如下: <#@ template debug="false" hos ...

  7. 《手把手教你学C语言》学习笔记（2）---学习C语言的目标和方法

    一.学习C语言的目标主要是: 熟练掌握C语言的关键字,语法规则,程序控制等: 掌握基本的数据结构,数组.链表.栈和队列等: 掌握C语言中指针和内存.数组与指针.函数与指针.变量和指针.结构体和指针.硬 ...

  8. layui 的单选框

    <div class="layui-form-item"> <label class="layui-form-label">是否通过&l ...

  9. JavaScript-性能优化，函数节流（throttle）与函数去抖（debounce）

    我在写一个类似百度搜索框的自动提示功能时候,使用了AJAX+keydown事件.调试时候我发现,当在搜索框中输入文字的时候,控制台在不停发送AJAX.这在本地服务器测试还好,如果我把它拿到运行环境,很 ...

  10. HashMap和TreeMap的常用排序方法

    一.简单描述 Map是键值对的集合接口,它的实现类主要包括:HashMap,TreeMap,HashTable以及LinkedHashMap等. TreeMap:能够把它保存的记录根据键(key)排序 ...