菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
204
0

URL编码和解码工具

原创
05/13 14:22
阅读数 77814

开发中发现需要进行URL的编解码,每次百度出来的还带广告而且比较慢,写了一个本地的工具,比较简单,希望对大家有帮助。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Author: Kang, Leo
Date: 2015-8-19
Email: kangyi@staff.weibo.com
QQ: 531155260
-->
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <style type="text/css">
textarea{
height:200px;
width:100%;
margin:5px;
}

input{
height:40px;
width:100%;
margin:5px;
background:#00CED1}

.button2{
height:40px;
width:100%;
margin:5px;
background:#00FF7F}

</style> 
 </head> 
 <body> 
  <script type="text/javascript">
	function funDecode(){
		var url = document.getElementById("url_input").value;
		
		document.getElementById("url_decoded_input").value = decodeURIComponent(url.replace(/\+/g,  " "));
	}
	
	function funEncode(){
		var url = document.getElementById("url_decoded_input").value;
		
		document.getElementById("url_encode_input").value = encodeURIComponent(url).replace(/'/g,"%27").replace(/"/g,"%22");	
	}
</script> 
  <form name="myForm"> 
   <h4>需要解码的URL:</h4> 
   <textarea id="url_input" name="input" rows="14" maxlength="32768"></textarea> 
   <br /> 
   <input type="button" name="urlDecodeInput" value="点击开始URL解码" onclick="funDecode()" /> 
   <br /> 
   <h4>解码后的URL或者待编码的URL:</h4> 
   <textarea id="url_decoded_input" name="input" rows="14" maxlength="32768"></textarea> 
  </form> 
  <form name="myForm"> 
   <input type="button" name="urlEncodeButton" class="button2" value="点击开始URL编码" onclick="funEncode()" /> 
   <br /> 
   <h4>编码后的URL:</h4> 
   <textarea id="url_encode_input" name="input" rows="14" maxlength="32768"></textarea> 
  </form>  
 </body>
</html>

  

发表评论

0/200
204 点赞
0 评论
收藏