遇到一个问题,在HTML的标签中,当onclick属性中的javascript传入的参数包含单引号或者双引号时,会包JS错误。
例如:
1 | <input
onClick="doSomething('${param}');"
type="button"
/> |
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"
/> |
本文探讨了在HTML的onclick属性中使用JavaScript时,遇到参数包含单引号或双引号导致的错误问题,并提供了多种解决方案,包括替换特殊字符、使用转义字符等方法,旨在帮助开发者正确处理参数,避免页面加载错误或按钮点击无响应的情况。
3954





