encode/decodeURI,encode/decodeURIComponent 实例

最新推荐文章于 2025-11-29 13:42:57 发布
最新推荐文章于 2025-11-29 13:42:57 发布 · 115 阅读 · 0
文章标签：

#javascript #ViewUI

本文深入探讨了编码与解码URI的相关技术，通过实际代码示例展示了如何使用encodeURI和encodeURIComponent函数，并解释了它们之间的区别及应用场景。

encode/decodeURI,encode/decodeURIComponent

测试代码

1.html：

<html>
<body>
	<script type="text/javascript">
		var urlStr="http://www.abc.com/good boy/";
		var aa=encodeURI(urlStr);
		var cc=decodeURI(urlStr);
		document.write(aa+ "<br />");
		document.write(cc+ "<br />");

		var bb=encodeURIComponent(urlStr);
		var dd=decodeURIComponent(bb);
		document.write(bb+ "<br />");
		document.write(dd);
	</script>
</body>
</html>
执行结果
http://www.abc.com/good%20boy/
http://www.abc.com/good boy/
http%3A%2F%2Fwww.abc.com%2Fgood%20boy%2F
http://www.abc.com/good boy



                

        




    


  



    

      

        

            

              
                
                  iteye_13254
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
JavaScript全局函数研究_手写模仿实现_02：decodeURI、decodeURIComponent、encodeURI、encodeURIComponent

				
			

			

				

					qq_33546823的博客
				

				

					10-12
					
					1500
					
				

			

		

		

			
				
函数用于对整个URI进行编码，它会保留URI中具有特殊含义的字符，例如?等。这些字符在URI中具有分隔作用，不应被编码。函数用于编码URI的组件（参数值、路径片段等）。它会编码所有非字母数字字符，包括保留的字符。这确保了组件在URI中传输时不会破坏URI的结构。函数用于解码由编码的URI。它会将编码的部分转换回原始字符。函数用于解码由编码的URI组件。和用于对整个URI进行编码和解码，保留URI中的分隔符和保留字符。和用于对URI的组件进行编码和解码，编码范围更广。编码时，将非保留字符转换为。

			
		

	



                

            
              



	

		

			

				
					
JavaScript 全局对象参考手册 decodeURI() 函数

				
			

			

				

					stephen830
				

				

					03-13
					
					178
					
				

			

		

		

			
				
JavaScript decodeURI() 函数

JavaScript 全局对象参考手册


定义和用法
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
语法
decodeURI(URIstring)
 



参数描述


URIstring
必需。一个字符串，含有要解码的 URI 或其他要解码的文本。



返回值
URIstring 的副本，其...

			
		

	



              


  
              

                


	

		

			

				
					
一句话区分如何使用encodeURI/decodeURI、encodeURIComponent/decodeURIComponent的实践笔记...

				
			

			

				

					weixin_30375247的博客
				

				

					07-31
					
					164
					
				

			

		

		

			
				
一句话区分如何使用encodeURI/decodeURI、encodeURIComponent/decodeURIComponent的实践笔记


上次工作中遇到一个场景：传参是一个完成的URL，而直接把URL传过去明显是行不通的，因为URL上有一些字符是有特殊意义的，而且也有可能url会存在中文等情况，会变得非常不可控，所以URL需要字符编码处理，再进行传参。
之前没有细想，但是为了加深理解、记...

			
		

	





	

		

			

				
					
URL传参中的字符加密及解码方式encodeURI/decodeURI、encodeURIComponent/decodeURIComponent 、escape/unescape

				
			

			

				

					sunnyjingqi的博客
				

				

					11-19
					
					2614
					
				

			

		

		

			
				
encodeURI/decodeURI、encodeURIComponent/decodeURIComponent 这四个方法的用处

都是用来编码和解码URI的。

encodedURI

函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码 (该字符的 UTF-8 编码仅为四转义序列)由两个 "代理" 字符组成)。
	encodeURI 自身无法产生能适用于HTTP GET 或 POST 请求的URI，例如对于 XMLHTTPRequests, 因为 "&

			
		

	



		

			
		



	

		

			

				
					
java中如何使用decodeuri_java中URLEncoder、URLDecoder 与js中 en/decodeURI()、en/decodeURIComponent()使用...

				
			

			

				

					weixin_35853254的博客
				

				

					02-27
					
					2309
					
				

			

		

		

			
				
1、java中URLEncoder、URLDecoder：http://tech.sina.com.cn/s/2008-07-07/1053722241.shtmljs中decodeURI()、decodeURIComponent()：http://www.cnblogs.com/Erik_Xu/articles/2305011.htmljava:URLEncoder.encode(res, "U...

			
		

	





	

		

			

				
					
encodeURI、encodeURIComponent、decodeURI 和 decodeURIComponent

				
			

			

				

					boringmembership的博客
				

				

					07-22
					
					2392
					
				

			

		

		

			
				
是 JavaScript 中用于对 URI（Uniform Resource Identifier，统一资源标识符）进行编码和解码的函数。：用于对 URI 组件（如查询字符串的键值对）进行编码。使用场景：当需要对已编码的 URL 中的某个部分（如查询参数）进行解码时，可以使用。使用场景：当需要对 URL 中的某个部分（如查询参数）进行编码时，可以使用。通常用于对 URL 中的某个部分（如查询参数）进行编码。使用场景：当需要对已编码的整个 URL 进行解码时，可以使用。等）之外的所有字符进行编码。

			
		

	





	

		

			

				
					
decodeURI与decodeURIComponent

				
			

			

				

					qq_36262295的博客
				

				

					04-13
					
					2806
					
				

			

		

		

			
				
原文链接
理解
URI: Uniform ResourceIdentifiers,通用资源标识符

Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码，以便发送给浏览器

。有效的URI中不能包含某些字符，例如空格。而这URI编码方法就可以对URI进行编码，

它们用特殊的UTF-8编码替换所有无效的字 符，从而让浏览器能够接受和理解。


其中encodeURI()主要用于整个URI(例如，http://www.jxbh.cn/illegal val

			
		

	





	

		

			

				
					
decodeURIComponent和decodeURI有什么区别？

				
			

			

				

					xfxf996的博客
				

				

					06-21
					
					670
					
				

			

		

		

			
				
JavaScript函数decodeURIComponent和decodeURI什么区别？ 

			
		

	





	

		

			

				
					
字符串encodeURIComponent/decodeURIComponent编码方法

				
			

			

				

					lwx931449660的博客
				

				

					12-11
					
					1260
					
				

			

		

		

			
				
URL编码方法是属于 Global 全局对象的，encodeURI() 和 encodeURIComponent() 方法可以对URI(通用资源标示符)进行编码，以便发送给浏览器，有效的URI中不能包含某些字符，例如空格。而这两个URI编码方法就可以对URI进行编码，它们用特殊的UTF-8编码替换所有无效的字符，从而让浏览器能够接受和理解。

  其中 encodeURI() 主要用于...

			
		

	





	

		

			

				
					
java中URLEncoder、URLDecoder 与js中 en/decodeURI()、en/decodeURIComponent()使用

				
			

			

				

					bkhech的专栏
				

				

					02-06
					
					3395
					
				

			

		

		

			
				
1、java中URLEncoder、URLDecoder：http://tech.sina.com.cn/s/2008-07-07/1053722241.shtml
js中decodeURI()、decodeURIComponent()：http://www.cnblogs.com/Erik_Xu/articles/2305011.html



java:
URLEncoder.en

			
		

	





	

		

			

				
					
ios获取数据之encodeURI和decodeURI的实例

				
			

			

				

					08-28
				

			

		

		

			
				
iOS 获取数据之 encodeURI 和 decodeURI 的实例  本文将详细介绍 iOS 中的 encodeURI 和 decodeURI 函数的使用实例，主要涉及到 URL 编码和解码的知识点。  一、encodeURI 函数  encodeURI 函数将字符串作为 URI ...

			
		

	





	

		

			

				
					
js中encode、decode的应用说明

				
			

			

				

					10-27
				

			

		

		

			
				
### JavaScript中的Encode与Decode方法详解  #### 一、概述  在JavaScript中，处理URL编码是一项常见任务。通过编码，可以确保特殊字符能够安全地在网络上传输，并被正确解析。JavaScript提供了几种内置的方法来帮助...

			
		

	





	

		

			

				
					
前端在移动端中的页面切换

				
			

			

				

					2509_93939582的博客
				

				

					11-28
					
					452
					
				

			

		

		

			
				
记得加硬件加速，用transform和opacity属性，别动不动改布局属性（比如width或height），那样容易引发重排重绘，卡成幻灯片。不过，SPA也不是万能药，它初次加载可能慢点，得靠代码分割和懒加载来优化——比如把不常用的模块拆开，等用户需要时再加载，这样既省资源又提速。还有，别忘了图片和视频的懒加载：页面切换时，先加载核心内容，图片等可视区域再加载，这样首屏能秒开。另外，内存管理也得注意，SPA容易内存泄漏，切换页面时记得清理事件监听器和定时器，不然用久了手机会变卡。

			
		

	





	

		

			

				
					
Electron 与 OpenHarmony 的实战入门：手把手打造一个安全的简易记事本应用

				
			

			

				

					已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！
				

				

					11-27
					
					915
					
				

			

		

		

			
				
这个“简易记事本”虽只有几十行代码，却完整体现了 现代桌面应用的安全架构思想。它不仅是 Electron 的最佳入门实践，更是通往 OpenHarmony 全场景开发的桥梁。

			
		

	





	

		

			

				
					
Rust在Web中的前端框架

				
			

			

				

					2509_93947499的博客
				

				

					11-26
					
					342
					
				

			

		

		

			
				
Yew用了虚拟DOM来优化渲染，组件状态管理也简单，举个例子，你写个计数器组件，代码结构清晰，还能用Rust的强类型系统避免运行时错误。Seed不用虚拟DOM，直接操作DOM，性能可能更好，但代码写起来得小心点，别把浏览器搞崩了。想想看，用户点个按钮，背后可能触发一堆异步操作，要是用JavaScript，一不小心就内存泄漏或者变量污染，调试起来头大。另外，Rust的性能接近C++，编译成WASM后，在浏览器里执行效率高，能处理复杂计算或者图形渲染，比如游戏或者数据可视化应用，加载速度嗖嗖的。

			
		

	





	

		

			

				
					
vue3 md文件预览和下载

				
			

			

				

					zzzz121380的博客
				

				

					11-26
					
					381
					
				

			

		

		

			
				
本文介绍了两种在Vue3中预览Markdown文件的方法：使用md-editor-v3插件和@kangc/v-md-editor@next插件，并提供了MD内容下载为MD和PDF文件的实现方案。md-editor-v3方法简单易用，@kangc/v-md-editor支持更多主题选项。MD文件下载可通过Blob对象或downloadjs实现，PDF转换则利用html2pdf.js库将预览内容转为PDF。文章还指出markdown-it插件在表格样式上的不足，不推荐使用。两种方法都提供了完整的代码示例，包括依

			
		

	





	

		

			

				
					
js考古之seajs.use、layui.use是啥 以及来源？

					
最新发布

				
			

			

				

					weixin_52236586的博客
				

				

					11-29
					
					405
					
				

			

		

		

			
				
Seajs是先行者，在浏览器原生不支持模块化的黑暗年代，发明了 seajs.use 来实现按需加载。Layui是实用主义者，它借用了这种模块化思想，用 layui.use 把 UI 组件管理得井井有条，成为了 jQuery 时代的绝唱。是终结者，它作为官方标准，吸收了前辈们的经验，配合现代打包工具，提供了最强悍的性能和开发体验。当你下次再看到 seajs.use 或 layui.use 时，请对它们保持敬意。因为正是这些“老古董”，为今天现代前端的摩天大楼，铺下了第一块基石。

			
		

	





	

		

			

				
					
前端路由管理

				
			

			

				

					2509_93941777的博客
				

				

					11-28
					
					370
					
				

			

		

		

			
				
这种机制在单页应用（SPA）中特别常见，比如Vue.js或React项目里，用户点击链接时，URL会变，但页面不会整体刷新。这样一来，应用可以更流畅，减少等待时间。记得有一次，我在一个电商项目里用Vue Router做商品详情页的路由，通过动态路由参数传递商品ID，配合axios异步加载数据，页面切换又快又顺。通过动态import()语法，可以把路由组件拆分成独立的chunk，用户访问时才加载，大大提升首屏速度。还有404页面的处理，最好设置一个通配符路由，捕获所有未匹配的路径，避免用户看到空白页。

			
		

	





	

		

			

				
					
使用java实现 encodeURI() encodeURIComponent() decodeURI() decodeURIComponent()

				
			

			

				

					10-10
				

			

		

		

			
				
在Java中，`encodeURI()`、`encodeURIComponent()`、`decodeURI()` 和 `decodeURIComponent()` 都是用于处理URL编码和解码的内置函数，它们主要用于字符串转换，以便在HTTP请求头、URL路径、查询参数等需要统一格式...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值