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

最新推荐文章于 2021-07-28 16:18:27 发布

HelloMeph

最新推荐文章于 2021-07-28 16:18:27 发布

阅读量790

点赞数

分类专栏： Web前端文章标签： el传参入参数列表 html中标签的自定义属性

本文链接：https://blog.csdn.net/hellomephllw/article/details/12038987

版权

Web前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

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

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

<!-- 有问题的处理方式 -->
<body>
	<input type="button" 
		   value="保存" 
		   οnclick="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 }" 
		   οnclick="userauth.saveUserAuth(this);" />
		   <!-- 传递this，及自身input标签对象 -->
</body>
<script type="text/javascript">
	var saveUserAuth : function(obj) {
		alert($(obj).attr("username"));//得到自身的属性值
		alert($(obj).attr("module"));
	}
</script>