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

本文探讨了在HTML的onclick属性中使用JavaScript时，遇到参数包含单引号或双引号导致的错误问题，并提供了多种解决方案，包括替换特殊字符、使用转义字符等方法，旨在帮助开发者正确处理参数，避免页面加载错误或按钮点击无响应的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到一个问题，在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"
/>

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