JS Encode and Decode URL

1.Encode URL String

1
2
3
4
5
6
7
var url = $(location).attr('href'); //get current url
//OR
var url = 'folder/index.html?param=#23dd&noob=yes'; //or specify one
 
var encodedUrl = encodeURIComponent(url);
console.log(encodedUrl);
//outputs folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes

2.Decode URL String

1
2
3
4
5
6
7
var url = $(location).attr('href'); //get current url
//OR
var url = 'folder%2Findex.html%3Fparam%3D%2323dd%26noob%3Dyes'; //or specify one
 
var decodedUrl = decodeURIComponent(url);
console.log(decodedUrl);
//outputs  folder/index.html?param=#23dd&noob=yes

3.HTML URL Endoding References  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
space   %20
!   %21
"   %22
#   %23
$   %24
%   %25
&   %26
'   %27
(   %28
)   %29
*   %2A
+   %2B
,   %2C
-   %2D
.   %2E
/   %2F
...
etc

测试网址:http://www.w3schools.com/tags/ref_urlencode.asp

原文网址:http://www.sitepoint.com/jquery-decode-url-string/

posted @   @大龙哥  阅读(1445)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
历史上的今天:
2013-02-25 Windows 8 开发之测试代码的使用
点击右上角即可分享
微信分享提示