onclick方法参数中有单引号、双引号、空格

onclick事件传参需要注意：当参数为字符串变量时，需要考虑到可能含有单引号、双引号、空格，如果不做处理，方法会报错

1.解决单引号问题

<c:set var="temp_param" value='${fn:replace(param,"\'","\\\\\'")}' /> 
<input onClick="doSomething('${temp_param}');" type="button" />

PS：如果这个地方param是通过<c:set var="param" value="${fn:escapeXml(param1) }"/> 获取的，那么\'需要换成 "&#039;"

2. 解决双引号问题

<c:set var="temp_param" value="${fn:escapeXml(param) }"/>
<input onClick="doSomething('${temp_param}');" type="button" />

3、同时解决单、双引号的问题

<c:set var="temp_param1" value="${fn:escapeXml(param1) }"/>
<c:set var="temp_param1" value='${fn:replace(temp_param1,"&#039;","\\\\\'")}' />
<input type="button" οnclick="test('${temp_param1}');" value="param2" />

PS：虽然fn:escapeXml可以将单引号和双引号都转义为：&#039; 和 &#034;但是&#039;（单引号）作为JS的参数还是会报错，所以，我又只有再转义&#039;为 \' ，只有 \' 不会报错。

 4、解决空格问题

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

 

 

 

                      

转载于:https://www.cnblogs.com/llfddmm/p/7879692.html