HTML元素的专用传参数据属性
来源:互联网 发布:上瘾网络剧在哪里播 编辑:程序博客网 时间:2024/05/16 01:41
把参数直接放到事件定义里面,类似下面这样,也是可以,但是这样不够Nice.
<a href="javascript:void(0)" onclick="clickhandler(arg1)">点击</a>
上面这种方法有着这样那样的限制,比如在服务器端生成这段代码时,arg1的生成又要用'单引号包裹,如果在客户端视图模板中生成上面这个代码,有可能完全失败,比如在目前的AngualrJS产品版本中。于是乎有了下面这样的做法:
<a href="javascript:void(0)" text="arg1" onclick="clickhandler(event)">点击</a>上面这种方法在事件处理函数中的到event的target,再读取属性就可以得到text属性值了,我也记不清楚我从那本书看到的text传参这种做法,同样起相同作用的属性好像也没几个。这种做法有两个问题:1、参数多的情况下,属性不够用;2、text这样的原生属性命名有点糊里糊涂。今天碰到多参传值的情况下,看了一下JS权威指南后面的附录参考,发现在HTML5中专门开辟了这么一个属性集叫data-set,于是乎像下面这样定义:
<a href="javascript:void(0)" data-argname="arg1" onclick="clickhandler(event)">点击</a>当然还可以定义更多的参数,这个HTML5属性不算高精尖属性,价格HTML5的那个兼容脚本,应该就可以在旧版浏览器上用。
0 0
- HTML元素的专用传参数据属性
- 给html元素的onclick事件传递参数(即如何获取html标签的data-*属性&直接传参方法)
- HTML 元素属性的兼容性问题
- HTML的元素、标签、属性
- HTML元素的display属性
- html元素的title属性
- html元素&属性的总结
- 有title属性的HTML元素
- JAVASRIPT读取HTML元素的自定义属性。
- HTML各元素的默认CSS属性
- html随记----td 元素的 nowrap 属性
- html元素-ID属性的思考
- HTML中td元素的nowrap属性
- 读写HTML元素的css 属性
- html中标签、属性、元素的区别
- 那些你不熟悉的html元素属性
- html元素li的value属性
- html居中的元素带有float属性
- NS2学习资料搜集
- eclipse maven3 创建 maven 项目 之 HelloWorld 入门
- TimeUnit
- push 自定义动画
- jvm调优
- HTML元素的专用传参数据属性
- easyUI的window包含一个iframe,在iframe中如何关闭window?
- 旅游吧
- [ M3 LN ] FW(固件)库函数USART_Init()
- Linux GNU nano编辑器的使用
- asp.net读取word文档
- 第四周作业------第一题
- android监听软键盘的回车事件
- Git上传下载使用技巧