(原生js)讲解encodeURI 和 decodeURI

encodeURI() 函数可把字符串作为 URI 进行编码。
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。

在日常url字符拼接中经常用到,下面是一个小的案例

html代码
&ltdiv class=“demo”&gt
&lth2&gtDEMO1&lt/h2&gt
&ltlabel for=""&gt你的搜索关键词:&lt/label&gt&ltinput type=“text” value="" “check1(this)”/&gt&ltbr&gt
&ltlabel for=""&gt网址处理:&lt/label&gt&ltinput type=“text” value="" “check1(this)”/&gt&ltbr&gt
&ltlabel for=""&gt结果:&lt/label&gt&ltinput type=“text” disabled/&gt
&lt/div&gt

js代码
function check1(self){
var div = document.getElementsByClassName(“demo”)[0];
var output = div.getElementsByTagName(“input”)[2];
var input = self.value;
var str = input.substr(0 , 4);
if(str != “http”){
output.value = “http://www.baidu.com/s?oq=” + encodeURI(self.value);;
}else{
for(var i = 0 ; i < input.length ; i++){
var temp = input.substring(i-3 , i);
if(temp == “oq=”){
temp = input.substring(i , input.length);
break;
}
}
output.value = "你搜索的关键词为 : " + decodeURI(temp);
}
}