练习：

String对象的方法

1.查找字符串

（1）charAt()方法

(2)indexOf()方法

（3）lastIndexOf()方法

2.截取字符串

（1)silce()方法

（2）substr()方法

（3）substring（）方法

3.连接和拆分

（1）concat()方法

(2)split()方法

4.格式化字符串

练习：

在text文档中输入英文小写字母，点击按钮之后把文本框中的小写字母变成大写。

<head><meta charset="utf-8"><title>对象</title><script type="text/javascript" language="JavaScript">function c(){var t=document.getElementById("text1");t.value=t.value.toUpperCase();}            </script></head><body><input type="text" id="text1"/><button onclick="c()" type="button">big button</button></body>

String对象的方法

1.查找字符串

（1）charAt()方法

charAt()方法可以返回字符串中指定位置的字符。

语法：stringObject.charAt(index)

stringObject:string对象名或字符变量名。

index:必选参数。表示字符串中某个位置的数字，即字符在字符串中的下标。

例子：var str="你好 JavaScript"；

alert(str.charAt(1));

(2)indexOf()方法

indexOf()方法可以返回某个子字符串在字符串中首次出现的位置。

语法：stringobject.indexOf(substring.startindex)

substring:必选参数。要在字符串中查找的子字符串

startindex：可选参数。用于指定在字符串中开始查找位置，取值范围是0—stringobject.length-1.

例子：

<script type="text/javascript" language="JavaScript">var str="四十四，四是四";var position=0;var num=-1;var index=0;while(position!=-1){position=str.indexOf("四",index);num+=1;index=position+1;}document.write("定义的字符串："+str+"<br />");document.write("字符串中有"+num+"个四");</script>

（3）lastIndexOf()方法

lastIndexOf()方法可以返回某个字符串在字符串中最后出现的位置。

语法：stringobject.lastIndexOf(substring.startindex)

2.截取字符串

（1)silce()方法

silce()方法可以提取字符串的片段，并在新的字符串中返回被提取部分。

语法：stringobject.silce(startindex,endindex)

例子：

var str="你好 JavaScript";console.log(str.slice(0,7));

（2）substr()方法

substr()方法可以从字符串指定位置提取指定长度的字符串。

语法：stringobject.substr(startindex,length）

startindex:必选参数。指定要提取的字符串的位置。该参数可以是负数，如果是负数，则从该字符串的尾部开始算起。

length：可选参数。用于指定提取的字符串的长度。

例子：字符串截取

var str="你好 JavaScript";
document.write(str.substr(0,4));

（3）substring（）方法

substring方法用于提取字符串中两个指定的索引号之间的字符。

语法：stringobject.substring（startindex,endindex）

3.连接和拆分

（1）concat()方法

concat()方法用于连接两个或多个字符串。

语法：stringobject.concat(string1,string2...)

stringobject:string对象名或字符变量名

string：必选参数。将被连接的字符串，可以是一个，或者多个。

例子：

var str1="affa";var str2="dgaf0";document.write(str1.concat(str2));

(2)split()方法

split()方法用于把一个字符串分割成字符串数组。

语法：stringobject.split（separator,limit）

separator:必选参数。指定的分割符。该参数可以是字符串，也可以是正则表达式。如果把空字符串("")作为分割符，那么字符串的每个字符都会被分割。

limit：可选参数。该参数可指定返回数组的最大长度。如果设置了该参数，返回的数组元素个数都不会多于这个参数。

例子：在文本框中输入数字，生成这个位数的随机字符串。

<script type="text/javascript" language="JavaScript">            function ran(digit){if(isNaN(digit)){alert("请输入数字");}else{var source="0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G";arrstr=source.split(",");  /*分割方法:以逗号为分割符*/var result="";var index=0;                                    for(i=0;i<digit;i++){index=parseInt(Math.random()*arrstr.length);                        result=arrstr[index]+result;}alert(result);}                }            </script>    <form name="form"><input type="text" name="digit" /><input type="button" value="生成" onclick="ran(form.digit.value)"/></form>

4.格式化字符串

anchor() ：创建HTML锚

big() : 使用大号字体显示字符串

small() : 使用小号字体显示字符串

fontsize() : 使用指定的字体大小显示字符串

bold() ：使用粗体的字体显示字符串

italics() ：使用斜体显示字符串

link() ：将字符串显示为超链接

strike() ：使用删除线来显示字符串

blink() ：显示闪动字符串，此方法并不支持IE浏览器

fixed() ：以打字机文本显示字符串，相当于在字符串两端增加<tt>标记

fontcolor() ：使用指定的颜色来显示字符串

sub() ：把字符串显示为下标

sup() ：把字符串显示为上标

转载于:https://www.cnblogs.com/951201193-wzc/p/10294950.html

JavaScript学习（十）相关推荐

JavaScript学习笔记（十）——学习心得与经验小结
JavaScript学习笔记(十)--学习心得与经验小结目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...
JavaScript学习笔记（十五）
JavaScript学习笔记(十五) 事件事件是DOM(文档对象模型)的一部分.事件流就是事件发生顺序,这是IE和其他浏览器在事件支持上的主要差别. 一.事件流 1.冒泡型事件 IE上的解决方案就是 ...
JavaScript学习（八十九）—数组练习题
JavaScript学习(八十九)-数组练习题
JavaScript学习（八十八）—数组知识点总结，超详细！！！
JavaScript学习(八十八)-爆肝数组知识点总结,超详细!!! 每天都要进步一点点小王加油!!! 一.数组的概念所谓数组就是指内存中开辟出来的用来存储大量数据的连续的存储空间数组可以把一 ...
JavaScript学习（八十六）—运算符知识点总结
JavaScript学习(八十六)-运算符知识点总结一. 运算符的分类运算符(operator)也被称为操作符,是用于实现赋值.比较和执行算数运算等功能的符号. JavaScript中常用的运算符 ...
JavaScript学习（八十五）—数据类型的转换
JavaScript学习(八十五)-数据类型的转换一.什么是数据类型的转换? 简单来说,就是把一种数据类型的变量转化为另外一种数据类型二.转化为字符串类型 //把数字转化为字符串变量.toStr ...
JavaScript学习（八十四）—变量
JavaScript学习(八十四)-变量一.什么是变量? 白话: 变量就是一个装东西的盒子通俗:变量是用于存放数据的容器. 我们通过变量名获取数据,甚至数据可以修改. 二.变量在内存中的存储 ...
JavaScript学习（八十二）—JavaScript的组成
JavaScript学习(八十二)-JavaScript的组成一.ECMAScript ECMAScript是由ECMA国际(原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用 ...
JavaScript学习（八十）—请写一段JS程序提取URL中的各个get参数(参数名和参数个数不确定)，将其按key-value形式返回到一个json结构中
JavaScript学习(八十)-请写一段JS程序提取URL中的各个get参数(参数名和参数个数不确定),将其按key-value形式返回到一个json结构中题目: 代码:
JavaScript学习（七十九）—值传递和地址传递
JavaScript学习(七十九)-值传递和地址传递一.值传递二.地址传递

JavaScript学习（十）

练习：

String对象的方法

1.查找字符串

（1）charAt()方法

(2)indexOf()方法

（3）lastIndexOf()方法

2.截取字符串

（1)silce()方法

（2）substr()方法

（3）substring（）方法

3.连接和拆分

（1）concat()方法

(2)split()方法

4.格式化字符串

JavaScript学习（十）相关推荐

最新文章

热门文章