第39天：字符串连接、截取操作

最新推荐文章于 2024-07-21 21:29:30 发布

lelara

最新推荐文章于 2024-07-21 21:29:30 发布

阅读量85

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/lelara/article/details/84577505

版权

javascript 专栏收录该内容

68 篇文章 1 订阅

订阅专栏

一，网址编码
encodeURIComponent（） 函数可把字符串作为URI组件进行编码
decodeURIComponent（）函数可把字符串作为URI组件进行解码
var url =“http://www.itcast.cn?name=andy”;
的console.log（encodeURIComponent方法（URL））; //编码

二，字符串操作

1，concat（）//字符串连接

2，slice（）截取字符串

slice（“取字符串的起始位置”，[结束位置]）; //初始位置一定要有，结束位置可有可无
var txt =“abcedf”;
txt.slice（3）; //从TXT里面字符的第3（索引号）个开始取，一直到最后
txt.slice（3,6）; //取TXT索引号3-6的字符串，不包含6
起始位置可以是负数，若是负数，从字符串右边向左边取
txt.slice（-1）;
3，substr（）截取字符串，常用
substr（起始位置，[取得个数]）;
不写个数，默认从起始位置到最后
substr（-1）;少用，IE6,7,8报错
子串始终会把小的值作为起始值，的较大作为结束位置
例如：sunstring（6,3），实际中自动变成子串（3,6）

案例：

字符串操作

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>字符串连接</title>
 6 </head>
 7 <body>
 8     <div id="div1">who are you?</div>
 9     <div id="div2">my name is yangmi!</div>
10     <button id="btn1">concat</button><span></span><br/>
11     <button id="btn2">slice1</button><span></span><br/>
12     <button id="btn3">slice2</button><span></span><br/>
13     <button id="btn4">slice3</button><span></span><br/>
14     <button id="btn5">substr1</button><span></span><br/>
15     <button id="btn6">substr2</button><span></span><br/>
16     <button id="btn7">substr3</button><span></span><br/>
17 </body>
18 <script>
19     var div1=document.getElementById("div1").innerHTML;
20     var div2=document.getElementById("div2").innerHTML;
21     function onBtnClick(id,txt){
22         document.getElementById(id).onclick=function(){
23         this.nextSibling.innerHTML=txt;
24         }
25     }
26     onBtnClick("btn1",div1.concat(div2));
27     onBtnClick("btn2",div2.slice(3,7));
28     onBtnClick("btn3",div2.slice(3));
29     onBtnClick("btn4",div2.slice(-1));
30 
31     onBtnClick("btn5",div2.substr(3,4));
32     onBtnClick("btn6",div2.substr(3));
33     onBtnClick("btn7",div2.substr(div2.length-7,7));
34 
35 </script>
36 </html>

运行结果：

lelara

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第39天：字符串连接、截取操作

一，网址编码encodeURIComponent（）函数可把字符串作为URI组件进行编码decodeURIComponent（）函数可把字符串作为URI组件进行解码var url =“http://www.itcast.cn?name=andy”; 的console.log（encodeURIComponent方法（URL））; //编码二，字符串操作1，concat（）//字符串连接...
复制链接

扫一扫

专栏目录