<!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. 微信安卓版下载 Android微信各版本列表

    前面ytkah弄了一个iso微信各版本列表,现在就来整一个微信 for Android各版本列表,方便大伙下载.每个版本都放出一些新的功能或修复相关错误,详情可以点击下面的版本链接进行查看.资源收集于 ...

  2. C和指针 第九章 字符串 字符 字节

    C语言中没有字符串类型,字符串是以NUL结尾的字符数组组成的. 高级字符串查找: //计算字符串起始部分,有多少字符是在group中 size_t strspn(char const * str, c ...

  3. Android 设置启动界面

    启动界面的意义是为了让后台处理耗时的复杂工作,当工作处理完成后,即可进入主界面.相比让用户等待布局加载完成,使用一张图片作为启动背景,会带来更好的体验. 首先,需要建立一个简单的布局: <?xm ...

  4. 【JSOI2010】Group 部落划分 BZOJ 1821

    1821: [JSOI2010]Group 部落划分 Group Time Limit: 10 Sec  Memory Limit: 64 MB     聪聪研究发现,荒岛野人总是过着群居的生活,但是 ...

  5. git workflow

    1) fork map-matcher.git repo 2) add ssh-keygen public key to gitlab 3) clone repo git clone git@git. ...

  6. Magento 新增字段的值读写丢失原因

    某实体新增字段handreturn_status,欲操作之: $order_info = Mage::getModel('sales/order')->load($order_id); //se ...

  7. vue学习

    2016年12月2日 今天学习Vue.js,对于未知的知识,一脸懵逼.记录学习新知识的路程,为以后学习更多的新知识一个引导.以后学会了之后再回来看看, 回忆一下会与不会的区别在哪.这样以后学习可以更快 ...

  8. hyperV中修改centos分辨率

    grubby --update-kernel=ALL --args="video=hyperv_fb:1366x768"

  9. PHP文件可限速下载代码

    <?php include("DBDA.class.php"); $db = new DBDA(); $bs = $_SERVER["QUERY_STRING&qu ...

  10. MVC 前台获取三级菜单及子菜单

    1.在后台将所有的菜单获取出来,代码如下: public ActionResult Index() { //所有商品分类 var oneMenu = _baseGoodsCategory.FindLi ...