<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Base64和URI编码解码</title> </head> <body> <script type="text/javascript"> //只能对英文进行Base64编码解码 var str = "onestopweb"; var encodedData = window.btoa(str); //编码 var decodedData = window.atob(encodedData); //解码 document.writeln("原来的字符串:"+str+"<br>"); document.writeln("Base64编码解码的字符串:"+encodedData+"<br>"); document.writeln("Base64编码解码的字符串:"+decodedData+"<br><br>"); //unescape() escape() //ECMAScript v3 反对使用该方法,应用使用 decodeURI() 和 decodeURIComponent() 替代它。 var str2 = "网站:http://onestopweb.iteye.com/"; var escapeData = escape(str2); //编码 var unescapeData = unescape(escapeData); //解码 document.writeln("原来的字符串:"+str2+"<br>"); document.writeln("escape()的字符串:"+escapeData+"<br>"); document.writeln("unescape()的字符串:"+unescapeData+"<br><br>"); //encodeURI() decodeURI() var str3 = "网站:http://onestopweb.iteye.com/"; var encodeURIData = encodeURI(str3); //编码 var decodeURIData = decodeURI(encodeURIData); //解码 document.writeln("原来的字符串:"+str3+"<br>"); document.writeln("encodeURI()的字符串:"+encodeURIData+"<br>"); document.writeln("decodeURI()的字符串:"+decodeURIData+"<br><br>"); //encodeURIComponent() decodeURIComponent() var str4 = "网站:http://onestopweb.iteye.com/"; var encodeURIComponentData = encodeURIComponent(str4); //编码 var decodeURIComponentData = decodeURIComponent(encodeURIComponentData); //解码 document.writeln("原来的字符串:"+str4+"<br>"); document.writeln("encodeURIComponent()的字符串:"+encodeURIComponentData+"<br>"); document.writeln("decodeURIComponent()的字符串:"+decodeURIComponentData+"<br><br>"); </script> <?php //urlencode() urldecode() $url = "网站:http://onestopweb.iteye.com/"; $urlencodeData = urlencode($url);//首先对$url进行编码 $urldecodeData = urldecode($urlencodeData);//输出解码后的字符串 echo "urlencode的字符串:$urlencodeData<br>"; echo "urldecode的字符串:$urldecodeData"; ?> <!-- JS 的 encodeURIComponent() decodeURIComponent() 和 PHP 的 urlencode() urldecode() 是一样的 --> </body> </html>
效果图: