<!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. C/C++学习链接

    C/C++堆和栈的区别:http://blog.csdn.net/hairetz/article/details/4141043

  2. 【荐1】Total Commander 7.57 个人使用设置 及 常用快捷键 备忘

    Total Commander 7.57a  下载地址:http://www.baidu.com/s?wd=total commander 7.57 破解版 软件整体预览图:(注意,下面的版本我用的是 ...

  3. shell--1.shell 相关及变量

    1.shell脚本解释器 Bourme Shell (/usr/bin/sh 或 /bin/sh ) Bourme Again Shell ( /bin/bash ) C Shell ( /usr/b ...

  4. 04OC之分类Category,协议Protocol,Copy,代码块block

    一.Protocol协议 我们都知道,在C#有个规范称之为接口,就是规范一系列的行为,事物.在C#中是使用Interface关键字来声明一个接口的,但是在OC中interface是用来声明类,所以用了 ...

  5. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  6. IEnumerable和IEnumerable<T>接口

    IEnumerable和IEnumerable<T>接口 IEnumerable和IEnumerable<T>接口在.NET中是非常重要的接口,它允许开发人员定义foreach ...

  7. 使用原生ajax处理json字符串

    我们使用得还是wamp,如果不知道环境怎么搭建,请在我的日志里面找,此处不在累赘. 什么是json?JSON的全称是 Javascript Object Notation(javascript对象表示 ...

  8. iOS开发UI篇—核心动画简介

    转自:http://www.cnblogs.com/wendingding/p/3801036.html iOS开发UI篇—核心动画简介 一.简单介绍 Core Animation,中文翻译为核心动画 ...

  9. 理解WebService SOAP WSDL

    WebServices简介 先给出一个概念 SOA ,即Service Oriented Architecture ,中文一般理解为面向服务的架构, 既然说是一种架构的话,所以一般认为 SOA 是包含 ...

  10. fscanf使用

    函数名: fscanf 简述:C语言中基本的文件操作 功 能: 从一个流中执行格式化输入,fscanf遇到空格和换行时结束,注意空格时也结束.这与fgets有区别,fgets遇到空格不结束. 简单的说 ...