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


Posted in Javascript onNovember 06, 2013

<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 Xie","10101239393")>Test3</a>

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

Javascript 相关文章推荐
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
js评分组件使用详解
Jun 06 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
Vue.js进阶知识点总结
Apr 01 Javascript
JS对象与json字符串相互转换实现方法示例
Jun 14 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 Javascript
js函数柯里化的方法和作用实例分析
Apr 11 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
浅析Js中的单引号与双引号问题
Nov 06 #Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 #Javascript
js onclick事件传参讲解
Nov 06 #Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 #Javascript
css样式标签和js语法属性区别
Nov 06 #Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
Nov 06 #Javascript
jQuery中$.fn的用法示例介绍
Nov 05 #Javascript
You might like
用户的详细注册和判断
2006/10/09 PHP
php 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
thinkphp多层MVC用法分析
2015/12/30 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
js escape,unescape解决中文乱码问题的方法
2010/05/26 Javascript
把jquery 的dialog和ztree结合实现步骤
2013/08/02 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
自定义vue全局组件use使用、vuex的使用详解
2017/06/14 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
JavaScript剩余操作符Rest Operator详解
2019/07/20 Javascript
Javascript模拟实现new原理解析
2020/03/03 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
[03:04]2018年度DOTA2玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
Python下载网络小说实例代码
2018/02/03 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
Php多进程实现代码
2018/05/07 Python
Python学习小技巧总结
2018/06/10 Python
Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例
2018/07/18 Python
详解python:time模块用法
2019/03/25 Python
对DJango视图(views)和模版(templates)的使用详解
2019/07/17 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
支部书记四风问题自我剖析材料
2014/09/29 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
2014年初级职称工作总结
2014/12/08 职场文书