您的位置:首页 > Web前端 > JavaScript

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

2015-01-28 21:47 796 查看
 

 

 

 

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

              在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的事件外围如果是单引号,则函数参数转义后必须为双引号,反之相反即可

                

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  function javascript js a 中文