一、網址編碼
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報錯
substring始終會把小的值作為起始值，較大的作為結束位置
例如：sunstring(6,3),實際中自動變成substring(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>
運作結果：
![mysql常用基礎操作文法（九）~~外連接配接查詢【指令行模式】[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)