在js中拼接标签,标签中含有onclick事件,点击无法触发该事件

我们在<a>标签中添加事件一般是onclick="editUser()" 这样添加,在html页面上是行的通的

但是如何你是在js中拼接<a>标签并在<a>标签中添加onclick事件,你点击时是不会产任何效果,

这里提供一种决解方式:<a href='javascript:editUser()'>通过在href中添加javascript:方法写在里面

同样会产生onclick相同的事件,但是这种写法会产生一个问题即,当你需要使用到参数时

比如:<a href= ’javascript:editUser("+ age+ ");若是数字类,可以很好解决,直接写就可以

但是在用有参参数且为字符是需要注意::

这种方式是错误的<a href='javascript:editUserGroup(' "+ dataArr[i].groupName+ "')因为在前面一个单引号会被认为是href后面的结束符,导致传入的参数为空

建议使用分开的方式写

"<a href="
            +"javascript:editUserGroup(' "+ dataArr[i].groupName+ "');这种方式可以避免被误认

上一篇:java数据结构之HashSet和HashMap(java核心卷Ⅰ读书笔记)


下一篇:双十二买什么蓝牙耳机好?平价好用蓝牙耳机推荐