<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>字符串操作</title>

    <style type="text/css">

             span{

                 color: red;

                 background-color: yellow;

             }

    </style>

</head>

<body>

   <div id="txt">

       豫章故郡人杰地灵，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物人杰地灵华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍人杰地灵枕夷夏之交，宾主尽东南之美。

   </div>

      <script type="text/javascript">

         //一、定义字符串

         var string = "This is a world of programmers."

         // 1.获取字符串长度

         alert("字符串长度：" + string.length);

         // 2.返回一个数组

         alert("字符串转数组：" + string.split(" "));//里面使用空格来使字符串分隔开

         // 3.分别使用字符串方法（.slice(),.substring(),.substr()）返回"programmers";

         alert("slice()方法：" + string.slice(19,30));

         //substring方法不接受负值

         alert("substring()方法：" + string.substring(19,30));

         alert("substr()方法：" + string.substr(19,11));

         // 4.转换成大写字母及小写字母

         alert("转换成大写字母：" + string.toLocaleUpperCase());//大写

         alert("转换成小写字母：" + string.toLocaleLowerCase());//小写

         // 5.判断字符串里边是否有"hello","world";

         alert("判断字符串中是否有world,有返回的值>-1：" + string.indexOf("world"));

         alert("判断字符串中是否有hello,无返回的值=-1：" + string.indexOf("hello"));

         // 6.查找出所有s的位置

         var strArr = [];

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

               if(string[i]=="s"){

                        strArr.push(i);

               }

         }

         // var j=0;

         var strArr1 =[];

         var position = 0;

         while(position <=string.length){

             var index =string.indexOf("s",position)

                if( index > -1){

                     strArr1.push(index);

                     position=index+1;

               }else{

                    break;

               }

         }

          alert("字符串s所在位置所组成的数组："+strArr);

         //二、定义字符串

         var string2 = "abcdefghiabc"

         // 1.如何获取字符串中的第二个的字符；

         string2.slice(2,3);

         // 2.将"abc"替换成"ABC";

         string2.replace("abc","ABC");

         //三、定义字符串

         //方法一

         var string3 = "豫章故郡人杰地灵，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物人杰地灵华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍人杰地灵枕夷夏之交，宾主尽东南之美。"

         function test($1){

          return "<span>"+$1+"</span>"

        }

        var s=prompt("请输入要查找替换的字符","人杰地灵");

        var reg=new RegExp("("+s+")","g");

        var str=string3.replace(reg,test);

        document.write(str);

        //方法二

        var text = document.getElementById("txt");

        var replaceTxt =  txt.innerHTML.replace(/人杰地灵/g,"<span style='color:red;background-color:yellow;'>人杰地灵</span>")

        txt.innerHTML = replaceTxt;    

      </script>

</body>

</html>

三、效果图

JavaScript字符串的操作-课堂笔记的更多相关文章

  1. JavaScript 字符串常用操作

    JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...

  2. JavaScript 字符串常用操作纪要

    JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...

  3. JavaScript字符串常用操作函数之学习笔记

    字符串简介 使用英文单引号或双引号括起来,如:’Hello’,”World”,但是不能首尾的单引号和双引号必须一致,交错使用,如果要打印单引号或者双引号,可以使用转义字符＼’(单引号),＼”(双引号) ...

  4. JavaScript字符串的操作

    <script> var s=new String(); var s="Hello World"; alert(s.toLowerCase(s));//转小写 aler ...

  5. JavaScript 字符串操作

    JavaScript 字符串用于存储和处理文本.因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Da ...

  6. javascript中字符串常用操作总结、JS字符串操作大全

    字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...

  7. JavaScript 字符串实用常用操作

    字符串截取1. substring()xString.substring(start,end)substring()是最常用到的字符串截取方法,它可以接收两个参数(参数不能为负值),分别是要截取的开始 ...

  8. javascript中对字符串的操作总结

    原文:javascript中对字符串的操作总结 没听过一句话吗?程序员的世界,不处理字符串就是处理数组.这是群里的一位前辈和我说的,显然这和我之前理解的DOM是javascript的核心的不同的,看了 ...

  9. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

随机推荐

  1. hibernate4学习

    1. 安装hibernatetools插件 2. 这个是篇测试文档 来自为知笔记(Wiz)

  2. 使用Entity Framework通过code first方式创建数据库和数据表

    开发环境 WIN10 Entity Framework6.0  MVC5.0  开发工具 VS2015  SqlServer2012 1.创建上下文Context继承DbContext,并创建其他的业 ...

  3. Codeforces 699D Fix a Tree 并查集

    原题:http://codeforces.com/contest/699/problem/D 题目中所描述的从属关系,可以看作是一个一个块,可以用并查集来维护这个森林.这些从属关系中会有两种环,第一种 ...

  4. java3

    1:在定义Long或者Float类型变量的时候,要加L或者f. 整数默认是int类型,浮点数默认是double. byte,short在定义的时候,他们接收的其实是一个int类型的值. 这个是自己做了 ...

  5. Spark集群部署

    Spark是通用的基于内存计算的大数据框架,可以和hadoop生态系统很好的兼容,以下来部署Spark集群 集群环境:3节点 Master:bigdata1 Slaves:bigdata2,bigda ...

  6. 分享一些不错的sql语句

    1.说明:复制表(只复制结构,源表名:a   新表名:b)   (Access可用)  法一:select   *   into   b   from   a   where   1 <> ...

  7. ACM/ICPC 之 网络流-拆点构图(POJ2391)

    需要直接到达,因此源点经过三条边后必须要达到汇点,但为了保证网络流的正确性(路径可反悔),因此不可限制层次网络的最高层次为3,最好的方法既是让所有点拆分成两个点,一个点从汇点进入,一个点通向汇点,任意 ...

  8. 创建GitHub博客

    1. 创建GitHub账号 GitHub技术博客首先需要GitHub账户,请在官网按照步骤自行注册账号. 2. 创建博客仓库 使用注册的账户登录,然后点击创建仓库,输入项目信息如下所示,注意项目名称规 ...

  9. c语言for循环

    #include<stdio.h>#include<windows.h>#include <limits.h>#include <math.h>void ...

  10. jasig CAS 实现单点登录 - java、php客户端登录实现

    jasig CAS项目本身就是一个完整的CAS单点登录服务 1.服务端需要把  认证处理类.用户属性返回值处理类 调整成我们自己处理类即可实现单点登录 2.java客户端需要引入cas-client- ...