在html标签中使用自定义属性及解决的实际问题

来源：互联网发布：上饶市税务开票软件编辑：程序博客网时间：2024/04/30 05:42

-----------------------------------------题记

今天在做项目的时候遇到一个问题，在【html标签】中的【onclick属性】中的【指定的方法】的【参数列表】中直接使用【el传参】会出现问。就是说如果request传递过来的是一个中文的话，在方法内部并不能得到的此参数的真实值，而是得到很奇怪的HTMLImgElement。但是，如果request传递过来的是一个数字的话，则在方法内部可以得到此参数的真实值。

-----------------------------------------代码

<!-- 有问题的处理方式 --><body><input type="button"    value="保存"    onclick="saveUserAuth(${showUsername}, ${theModule});" /></body><script type="text/javascript">var saveUserAuth : function(username, module) {alert(username);//得不到想要的结果alert(module);}</script><!-- 换为如下方式，便可得到想要的结果 --><body><input type="button"    value="保存"    username="${showUsername}"    module="${theModule }"    onclick="userauth.saveUserAuth(this);" />   <!-- 传递this，及自身input标签对象 --></body><script type="text/javascript">var saveUserAuth : function(obj) {alert($(obj).attr("username"));//得到自身的属性值alert($(obj).attr("module"));}</script>