关于a标签中js函数function(va1,va2)方法传递中文参数报错不执行的问题解答

本文探讨了在网页开发过程中,如何正确处理a标签内的JavaScript函数调用,特别是当函数参数包含中文字符时可能出现的错误及解决方法。通过实例演示了在拼接DOM字符串时,确保JavaScript函数参数正确转义的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

 

 

 

              今天在做网站的过程中,遇到了一个问题,在此和大家分享一下。

              在a标签里加入onclick事件时,如果函数里包含中文,那么事件会报错不执行。

                 例如:

                          var d=1,var c=‘张三’

                         function  show(var1,var2)

                        {

                         alert(0);

                         }

                    执行show(d,c);可以正常执行,但是如果放在a标签里

                     <a href="javascript:void(0);"  onclick=show(‘+d+’,‘+c+’)>显示</a>

                   点击a标签函数不执行。这里需要将以上改为

                      <a href="javascript:void(0);"  onclick=show(‘+d+’,\'‘+c+'\’)>显示</a>

                  则可正常执行

          再次遇到问题,与之相似,就归为一篇了,在拼接按钮事件时需要注意的是

var str=" <a href=\"javascript:void(0);\"  onclick=\"show(\"+d+\",\"+c+\")\">显示</a>"

这样拼接会导致click事件失效,因为转义后,加载到dom就变为了

 <a href="javascript:void(0);"  onclick="show("d","c")">显示</a>"

这样click事件就应为四个双引号而变成了几部分,正确的写法应为:

var str=" <a href=\"javascript:void(0);\"  onclick=\"show('"+d+"','"+c+"')\">显示</a>"

     var str=' <a href=\"javascript:void(0);\"  onclick=\'show(\"'+d+'\",\"'+c+'\")\'>显示</a>'

组合的方法还有,就不列举了,只要满足加载到dom后,onclick的事件外围如果是单引号,则函数参数转义后必须为双引号,反之相反即可

                

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值