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" onclick="test('${temp_param1}');" value="param2" />

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

 4、解决空格问题

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

 

 

 


                      

posted @ 2017-11-22 16:06  努力奋斗的喵喵  阅读(5471)  评论(0编辑  收藏  举报