<!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. JavaScript - UnderScore

    UnderScore 第一步 call(this) (function() {}.call(this)); 一些简单的初始化操作 (function() { var root = this; var ...

  2. IOS 网络浅析-(十 NSURLSession下载简介)

    之前本来打算在写两个篇幅,但是在这片开写的时候觉得还是写一个比较好,有利于理解.NSURLSession下载是通过NSURLSession下载代理实现的,上一片也介绍了代理,之所以没有介绍下载是因为, ...

  3. Trailing Zeroes (III)(lightoj 二分好题)

    1138 - Trailing Zeroes (III)   PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limit:  ...

  4. Velocity教程

    Velocity 语法(转) 一.基本语法 1."#"用来标识Velocity的脚本语句,包括#set.#if .#else.#end.#foreach.#end.#iinclud ...

  5. maven学习3,如何创建一个web项目

      Maven学习 (三) 使用m2eclipse创建web项目   1.首先确认你的eclipse已经安装好m2eclipse的环境,可以参照上两篇Maven学习内容 2.新建一个maven的项目 ...

  6. python flask中的代码约定

    在Python社区中有许多关于代码风格的约定.如果你写过一段时间Python了,那么也许对此已经有些了解. 我会简单介绍一下,同时给你一些URL链接,从中你可以找到关于这个话题的详细信息. 让我们提出 ...

  7. JDK源码分析(11)之 BlockingQueue 相关

    本文将主要结合源码对 JDK 中的阻塞队列进行分析,并比较其各自的特点: 一.BlockingQueue 概述 说到阻塞队列想到的第一个应用场景可能就是生产者消费者模式了,如图所示: 根据上图所示,明 ...

  8. PHP-ThinkPHP5砍价活动相关设计

    近期我们公司项目里陆陆续续有很多为了招引新用户的活动推出,砍价的活动由我来负责,我们的项目是在微信浏览器里供用户浏览访问. 大概描述:进入砍价活动列表页选择有意向的商品,用户点击商品图片可以看到WEB ...

  9. sublime text 3 配置优化

    1.在用Sublime里编写代码时,需要把TAB键转换成四个空格. 菜单栏里点击:首选项-> 设置-用户(Preferences-> Setting-User)在弹出来的文本里,添加如下两 ...

  10. JS笔记-强化版2

    1.DOM:   DOM : Document Object Model 文档对象模型 文档:html页面 文档对象:页面中元素 文档对象模型:定义 为了能够让程序(js)去操作页面中的元素   DO ...