脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js URL特殊字符转码

js前端URL含有特殊字符的转码的实现

 更新时间：2023年06月28日 09:18:54   作者：迷途小码农008  
本文主要介绍了js前端URL含有特殊字符的转码的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

有些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码 

十六进制值 
1. + URL 中+号表示空格 %2B 
2. 空格 URL中的空格可以用+号或者编码 %20 
3. / 分隔目录和子目录 %2F 
4. ? 分隔实际的 URL 和参数 %3F 
5. % 指定特殊字符 %25 
6. # 表示书签 %23 
7. & URL 中指定的参数间的分隔符 %26 
8. = URL 中指定参数的值 %3D 

问题：url 传有特殊字符出现丢失，因为特殊字符会被特殊处理

特殊字符对应的码

方法一：正则替换

var str = str.replace(/\+/g, "%2B"); //"+" 转义  
var str = str.replace(/\&/g, "%26"); //"&" 转义
var str = str.replace(/\#/g, "%23"); //"#" 转义

方法二：encodeURIComponent(str) 方法 （推荐）

let str = 'NBA+';
str = encodeURIComponent(str);
console.log(str) // NBA%2B
  • 当然，可以两者结合，再你不知道该特殊字符的转义的时候，可以使用 encodeURIComponent() 来得到，就像你不知道键盘某键的keyCode一样
  • 另外，decodeURIComponent() 是解码， decodeURIComponent(encodeURIComponent("+")) === '+' , true

到此这篇关于js前端URL含有特殊字符的转码的实现的文章就介绍到这了,更多相关js URL特殊字符转码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • js图片卷帘门导航菜单特效代码分享

    js图片卷帘门导航菜单特效代码分享

    这篇文章主要介绍了js图片卷帘门导航菜单特效，一款很新颖的图片导航菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2015-09-09
  • 纯js代码制作的网页时钟特效【附实例】

    纯js代码制作的网页时钟特效【附实例】

    下面小编就为大家带来一篇纯js代码制作的网页时钟特效【附实例】。小编觉得听错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-03-03
  • js获取新浪天气接口的实现代码

    js获取新浪天气接口的实现代码

    下面小编就为大家带来一篇js获取新浪天气接口的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JS实现深拷贝和浅拷贝的方式详解

    JS实现深拷贝和浅拷贝的方式详解

    深拷贝和浅拷贝是面试中经常出现的,主要考察对基本类型和引用类型的理解深度,本文主要给大家介绍了js实现深拷贝和浅拷贝的方式,需要的朋友可以参考下
    2022-05-05
  • js简单抽奖代码

    js简单抽奖代码

    年底了各个公司都有抽奖活动，我也写了一个超级简单的代码来实现抽奖效果，这里没有华丽的Css3效果，但却有短小精悍的js代码。
    2015-01-01
  • js指定步长实现单方向匀速运动

    js指定步长实现单方向匀速运动

    这篇文章主要为大家详细介绍了js指定步长实现单方向匀速运动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JavaScript 对象合并的几种方法小结

    JavaScript 对象合并的几种方法小结

    本文主要介绍了JavaScript 对象合并的几种方法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • 实例解析package.json和最常见的scripts字段

    实例解析package.json和最常见的scripts字段

    日常开发中，现在的前端开发已经被三大框架取代，其中最主流的不过vue和react，而开发这些项目的时候不得不接触package.json这个文件，可你真的了解这个文件吗？今天给大家聊聊package.json和最常见的scripts字段，感兴趣的朋友一起看看吧
    2023-04-04
  • 浅谈js中的变量名和函数名重名

    浅谈js中的变量名和函数名重名

    下面小编就为大家带来一篇浅谈js中的变量名和函数名重名。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 小程序如何使用分包加载的实现方法

    小程序如何使用分包加载的实现方法

    这篇文章主要介绍了小程序如何使用分包加载的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05

最新评论