onclick属性，当javascript的参数中有单引号或双引号时，包JS错误。

89 阅读 0 评论 59 点赞

我是靠谱客的博主孤独毛衣，最近开发中收集的这篇文章主要介绍onclick属性，当javascript的参数中有单引号或双引号时，包JS错误。，觉得挺不错的，现在分享给大家，希望可以做个参考。

遇到一个问题，在HTML的标签中，当onclick属性中的javascript传入的参数包含单引号或者双引号时，会包JS错误。

例如：

`1`	`<input` `onClick="doSomething('${param}');"` `type="button"` `/>`

当后台传来的param字符串带有单引号或者双引号时，

IE6在载入页面时直接报错，

FF载入页面虽然没有报错，但是点击按钮后没有反应，用firebug查看控制台，会看到也有错误信息。

原因就是参数中的单引号或双引号使得<input>标签没有正确的结束。

我尝试一些办法：

1.解决方案1：解决单引号问题

1<c:set var="temp_param" value='${fn:replace(param,"'","\\'")}' /> 

2<input onClick="doSomething('${temp_param}');" type="button" />

2. 解决方案2: 解决双引号问题

1<c:set var="temp_param" value="${fn:escapeXml(param) }"/> 

2<input onClick="doSomething('${temp_param}');" type="button" />

想问问大家，还有没有更好的方法，可以同时解决单、双引号的问题？

谢谢！

PS:

1<c:set var="temp_param" value="${fn:replace(param,'"','\\"')}" /> 

2<input onClick="doSomething('${temp_param}');" type="button" />

这样是无法正确解决双引号问题的

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。