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

 

 

 

 

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

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

                 例如：

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

                         function  show（var1,var2）

                        {

                         alert(0);

                         }

                    执行show（d,c）；可以正常执行，但是如果放在a标签里

                     <a href="javascript:void(0);"  οnclick=show（‘+d+’，‘+c+’）>显示</a>

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

                      <a href="javascript:void(0);"  οnclick=show（‘+d+’，\'‘+c+'\’）>显示</a>

                  则可正常执行

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

var str=" <a href=\"javascript:void(0);\"  οnclick=\"show（\"+d+\"，\"+c+\"）\">显示</a>"

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

 <a href="javascript:void(0);"  οnclick="show（"d"，"c"）">显示</a>"

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

var str=" <a href=\"javascript:void(0);\"  οnclick=\"show（'"+d+"'，'"+c+"'）\">显示</a>"

     var str=' <a href=\"javascript:void(0);\"  οnclick=\'show（\"'+d+'\"，\"'+c+'\"）\'>显示</a>'

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