onclick点击事件传参带有特殊字符串破坏参数传递问题解决方案

onclick方法(其他的事件方法也一样)参数中有单引号、双引号、空格等一些特殊字符串的时候会破坏,参数传递的结构,导致方法调用失败.

不多说直接上代码:

	<a class='clear' href='javascript://' onclick="javascript:getPage('${student.id}','${student.name}','${student.grade}')"> ${student.class}</a>&nbsp;&nbsp;&nbsp;

此处可能出现问题的就是学生的名字这个参数,所以要将name属性做特殊处理
处理单引号问题:

	<c:set var="temp_param" value='${fn:replace(student.name,"\'","\\\\\'")}' /> 
	<a class='clear' href='javascript://' onclick="javascript:getPage('${student.id}','${temp_param}','${student.grade}')"> ${student.class}</a>&nbsp;&nbsp;&nbsp;

PS:如果这个地方param是通过<c:set var=“param” value="${fn:escapeXml(param1) }"/> 获取的,那么’需要换成 “’”
处理双引号问题:

	<c:set var="temp_param" value="${fn:escapeXml(student.name) }"/>
	<a class='clear' href='javascript://' onclick="javascript:getPage('${student.id}','${temp_param}','${student.grade}')"> ${student.class}</a>&nbsp;&nbsp;&nbsp;

同时处理:

	<c:set var="temp_param" value="${fn:escapeXml(student.name) }"/>
	<c:set var="temp_param" value='${fn:replace(temp_param,"\'","\\\\\'")}' /> 
	<a class='clear' href='javascript://' onclick="javascript:getPage('${student.id}','${temp_param}','${student.grade}')"> ${student.class}</a>&nbsp;&nbsp;&nbsp;

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


版权声明:本文为lzx1991610原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。