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的参数还是会报错,所以,我又只有再转义’为 ’ ,只有 ’ 不会报错。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值