• JavaScript URL编码转换函数 encodeURIComponent()


    encodeURIComponent()定义和用法

    encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

    语法encodeURIComponent(URIstring)

    参数描述:URIstring 必需。一个字符串,含有 URI 组件或其他要编码的文本。

    返回值:URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。

    说明:该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。

    提 示:请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

    实例:

    在本例中,我们将使用 encodeURIComponent() 对 URI 进行编码:

    <script type="text/javascript">
    	document.write(encodeURIComponent("http://www.w3school.com.cn"));
    	document.write("<br />");
    	document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"));
    	document.write("<br />");
    	document.write(encodeURIComponent(",/?:@&=+$#"));
    </script>

    输出:

    http%3A%2F%2Fwww.w3school.com.cn
    http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
    %2C%2F%3F%3A%40%26%3D%2B%24%23

    escape() 方法:

    采 用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符 在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符: @ * / +

    encodeURI() 方法:

    把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '

    encodeURIComponent() 方法:

    把 URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符:! * ( )

    因此,对于中文字符串来说,如果不希望把字符串编码格式转化成UTF-8格式的(比如原页面和目标页面的charset是一致的时候),只需要使用 escape。如果你的页面是GB2312或者其他的编码,而接受参数的页面是UTF-8编码的,就要采用encodeURI或者 encodeURIComponent

    另外,encodeURI/encodeURIComponent是在javascript1.5之后引进的,escape则在javascript1.0版本就有。

  • 相关阅读:
    Leaflet中实现点击播放视频和关闭视频
    Leaflet中添加标注和popup,并且点击时弹窗显示图片
    Leaflet中使用Leaflet.Path.Transform插件实现旋转图形
    Leaflet中绘制同心圆、多个中心对称多边形、平行四边形网格、矩形网格
    Leaflet中使用Leaflet.AnimatedMarker插件实现要素轨迹移动
    Leaflet中使用leaflet.polylineDecorator插件绘制箭头线及虚线矩形
    Leaflet中使用draw绘制时获取图形的几何信息
    Leaflet中使用Leafletecharts3插件实现航班航线动态模拟
    Leaflet中通过setStyle实现图形样式编辑
    Leaflet中实现矩形闪烁动画效果
  • 原文地址:https://www.cnblogs.com/52php/p/5657886.html
Copyright © 2020-2023  润新知