JavaScript中URL编码函数代码

 更新时间:2011年01月11日 23:33:19   作者:  
JavaScript中存在几种对URL字符串进行编码的方法:escape(),encodeURI(),以及encodeURIComponent()。这几种编码所起的作用各不相同。
以下是对变量值的URL编码总结 : 建议用encodeURIComponent() , GET 和POST方式都可以发送过去 。

JavaScript中存在几种对URL字符串进行编码的方法:escape(),encodeURI(),以及encodeURIComponent()。这几种编码所起的作用各不相同。

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

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

encodeURIComponent() 方法:
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。
不会被此方法编码的字符:! * ( ) '
因此,对于中文字符串来说,如果不希望把字符串编码格式转化成UTF-8格式的(比如原页面和目标页面的charset是一致的时候),只需要使用 escape。如果你的页面是GB2312或者其他的编码,而接受参数的页面是UTF-8编码的,就要采用encodeURI或者 encodeURIComponent。

相关文章

  • JS技巧动手实现红包兔子雨效果示例详解

    JS技巧动手实现红包兔子雨效果示例详解

    这篇文章主要为大家介绍了JS技巧动手实现红包兔子雨效果示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • JavaScript获取地址栏参数的方法实现

    JavaScript获取地址栏参数的方法实现

    这篇文章主要给大家介绍了关于JavaScript获取地址栏参数的方法实现,项目中经常遇到获取上个页面跳转过来获取当前的参数,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • js禁止页面使用右键(简单示例代码)

    js禁止页面使用右键(简单示例代码)

    js禁止页面使用右键(简单示例代码)。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • js鼠标点击图片切换效果实现代码

    js鼠标点击图片切换效果实现代码

    这篇文章为大家分享了js鼠标点击图片切换效果实现代码,特别炫酷的效果,具有一定的参考价值,推荐给大家,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • javascript学习总结之js使用技巧

    javascript学习总结之js使用技巧

    本篇文章给大家分享javascript学习总结之js使用技巧,都是精华喔~小伙伴快来学习吧。
    2015-09-09
  • js实现弹幕墙效果

    js实现弹幕墙效果

    这篇文章主要为大家详细介绍了js实现弹幕墙效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript图片轮播代码分享

    JavaScript图片轮播代码分享

    这篇文章主要为大家详细介绍了javascript实现图片自动轮播切换特效,图片可以自行替换,推荐给大家,有需要的小伙伴可以参考下
    2015-07-07
  • JS的数组的扩展实例代码

    JS的数组的扩展实例代码

    从无忧转过来的数组的扩展 ,非常不错的把javascript数组的扩展
    2008-07-07
  • 基于Phantomjs生成PDF的实现方法

    基于Phantomjs生成PDF的实现方法

    这篇文章主要介绍了基于Phantomjs生成PDF的实现方法,结合实例形式分析了Phantomjs结合nodejs生成pdf的操作步骤与相关技巧,需要的朋友可以参考下
    2016-11-11
  • 使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享

    使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享

    这篇文章主要介绍了使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享,编写半透明遮罩层时要注意定位问题、不要满屏遮罩,需要的朋友可以参考下
    2016-05-05

最新评论