Js参数值中含有单引号或双引号问题的解决方法

 更新时间:2013年11月06日 09:45:44   作者:  
本文是对Js参数值中含有单引号或双引号问题的解决方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

<script type="text/javascript">
function Display(LoginEmail, UserName, ID) {
        alert(LoginEmail);
    }
</script>

1.使用单引号传参:
<a href="javascript:Display('abc@abc.com','Aleax Xie','10101239393')">Test1</a>

如果其中一个参数有一个值含有单引号,那么这个方法会出错.
<a href="javascript:Display('abc@a'bc.com','Aleax Xie','10101239393')">Test1</a>


 改进: 有单引号的加上\', OK。
<a href="javascript:Display('abc@a\'bc.com','Aleax Xie','10101239393')">Test</a>

2.上面解决了单引号的问题,但如果值中有双引号又出现了问题
<a href="javascript:Display('abc@a\'bc".com','Aleax Xie','10101239393')">Test</a>

改进: 使用Onclick,给双引号加上\",单引号不用处理.并且不加“或'给JS方法
 <a href="javascript:void(0)" onclick=Display("abc@\"ab'c.com","Aleax&nbsp;Xie","10101239393")>Test3</a>

这样解决了Js参数中有单引号与双引号的问题,但这有限制: 参数与参数之前不能有空格,参数值中不能空格,如果有空格,则用"&nbsp;"来代替.

相关文章

  • 你必须知道的Javascript知识点之"单线程事件驱动"的使用

    你必须知道的Javascript知识点之"单线程事件驱动"的使用

    本篇文章小编为大家介绍,你必须知道的Javascript知识点之"单线程事件驱动"的使用。需要的朋友参考下
    2013-04-04
  • JS实现自动固定顶部的悬浮菜单栏效果

    JS实现自动固定顶部的悬浮菜单栏效果

    这篇文章主要介绍了JS实现自动固定顶部的悬浮菜单栏效果,涉及JavaScript针对window.onscroll事件的响应及页面样式动态变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 微信公众号开发 实现点击返回按钮就返回到聊天界面

    微信公众号开发 实现点击返回按钮就返回到聊天界面

    本文分享了微信公众号开发实现点击返回按钮就返回到聊天界面的示例代码。需要的朋友一起来看下吧
    2016-12-12
  • js表头排序实现方法

    js表头排序实现方法

    这篇文章主要介绍了js表头排序实现方法,涉及数字、字母、字符串比较及排序等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • 微信小程序tabbar底部导航

    微信小程序tabbar底部导航

    这篇文章主要为大家详细介绍了微信小程序重写tabbar底部导航,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 浅谈Javascript事件模拟

    浅谈Javascript事件模拟

    事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏览器创建的事件是相同的
    2012-06-06
  • 详解js几个绕不开的事件兼容写法

    详解js几个绕不开的事件兼容写法

    本篇文章主要介绍了详解js几个绕不开的事件兼容写法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js中判断对象是否为空的三种实现方法

    js中判断对象是否为空的三种实现方法

    本篇文章主要是对js中判断对象是否为空的三种实现方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JS图片等比例缩放方法完整示例

    JS图片等比例缩放方法完整示例

    这篇文章主要介绍了JS图片等比例缩放方法,结合完整实例形式分析了javascript针对页面图片元素属性操作的相关技巧,需要的朋友可以参考下
    2016-08-08
  • 纯JavaScript实现HTML5 Canvas六种特效滤镜示例

    纯JavaScript实现HTML5 Canvas六种特效滤镜示例

    实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js,程序源代码如下,感兴趣的朋友可以参考下哈
    2013-06-06

最新评论