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 相关文章推荐
学习ExtJS table布局
Oct 08 Javascript
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
jQuery表单域属性过滤器用法分析
Feb 10 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
Jan 26 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
JS事件添加和移出的兼容写法示例
Jun 20 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
JavaScript隐式类型转换代码实例
May 29 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
php日历[测试通过]
2008/03/27 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
js 字符串转化成数字的代码
2011/06/29 Javascript
js构造函数、索引数组和属性的实现方式和使用
2014/11/16 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
使用bootstrap插件实现模态框效果
2017/05/10 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
Vue数据监听方法watch的使用
2018/03/28 Javascript
Vue实现表格中对数据进行转换、处理的方法
2018/09/06 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
vue实现扫码功能
2020/01/17 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
微信小程序轮播图swiper代码详解
2020/12/01 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
Python和Bash结合在一起的方法
2020/11/13 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
美国高品质个性化珠宝销售网站:Jewlr
2018/05/03 全球购物
计算机相关的自我评价
2014/01/15 职场文书
土地转让协议书
2014/04/15 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
运动会宣传稿100字
2015/07/23 职场文书
血轮眼轮回眼特效 html+css
2021/03/31 HTML / CSS
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang