<!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. [Search Engine] 搜索引擎技术之查询处理

    我们之前从开发者的角度谈了一些有关搜索引擎的技术,其实对于用户来说,我们不需要知道网络爬虫到底是怎样爬取网页的,也不需要知道倒排索引是什么,我们只需要输入我们的查询词query,然后能够得到我们想要的 ...

  2. JavaScript方法call、apply、caller、callee、bind的使用详解及区别

    一.call 方法 调用一个对象的一个方法,以另一个对象替换当前对象(其实就是更改对象的内部指针,即改变对象的this指向的内容). 即  “某个方法”当做“指定的某个对象”的“方法”被执行. Js代 ...

  3. PHP保留2位小数 格式化小数、浮点数

    JS保留两位小数例子 四舍五入使用函数 toFixed() <html> <head> </head> <script language="java ...

  4. PYTHON 函数的动态参数

    #普通参数示例 def func(args): print(args) func(123456) #执行结果为123456 如果给多个参数,就会报错 #动态参数示例 def func(*args): ...

  5. ucenter用户登录过程

    以用户登录为例介绍,其它注销,改密码,消息,头像,好友均类同. 从用户xxx在某一应用程序的login.php,输入用户名,密码讲起.先用uc_user_login函数到uc_server验证此用户和 ...

  6. CentOS7中禁用IPV6

    helps from: https://linux.cn/article-4935-1.html vi /etc/sysctl.conf net.ipv6.conf.all.disable_ipv6 ...

  7. javascript 中的 bind （编辑中。。。。）

    这篇文章说的非常好!http://my.oschina.net/blogshi/blog/265415 我的体会就是,函数中的this,指的是运行时,它是被哪个对象调用的.因为javascrpit的函 ...

  8. jQuery的.bind()、.live()和.delegate()的区别

    参考:http://kb.cnblogs.com/page/94469/ 摘要:jQuery的.bind()..live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的 ...

  9. 使用 lsyncd 本地目录实时备份

    转自 https://segmentfault.com/a/1190000002737213 2.1安装lsyncd # rpm -ivh http://dl.fedoraproject.org/pu ...

  10. 原生java 压缩解压zip文件

    import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.File; import ...