html标签自定义属性

「已注销」 2009-10-19 10:01:36
以下内容摘自新浪邮箱源代码

<input _action="write_new" type="button" value="再写一封>>" />

点击此按钮他会跳转到写邮件页面但是没有任何js代码,是否是_action="write_new"属性的关系。
而_action在标准的input标签中是没有的,那么这个自定义属性是如何工作的呢?
...全文
1305 10 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
雅菲 2011-08-10
  • 打赏
  • 举报
回复
正在学习自定义标签属性
浴火涅磐 2009-10-19
  • 打赏
  • 举报
回复
楼主要自定义的话,必须要自己写一些js代码来实现它对应的行为
BeenZ 2009-10-19
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 sharp_ice 的回复:]
BeenZ,如果有N个不同的_action,你的代码写起来可费劲喽
我也没看过源代码,不过我猜测应该是对DOM根节点仅注册一个onclick事件,然后根据event.srcElement来取得_action,然后通过switch case 的办法根据不同的_action调用不同的方法
[/Quote]

这里只是举个自定义标签的用法,如果实际运用中肯定不这么做,如果是我肯定在外部配置针对自定义结点的操作
蓝色_冰点 2009-10-19
  • 打赏
  • 举报
回复
我也给个吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题文档</title>
</head>

<body>
<div onclick="DoAction()">
在这个div内的元素都可以使用 _action <br/>
<input type="button" value="button" _action="Hello" />
<input type="checkbox" />
<div _action="ShowMe">xxxxxxx</div>
</div>

<script language="javascript" type="text/javascript">
function DoAction(){
var dom = event.srcElement;
var action = dom.getAttribute("_action");
switch (action) {
case "ShowMe":
ShowMe(dom);
break;
case "Hello":
Hello(dom)
break;
}
}
function ShowMe(dom) {
alert(dom.innerHTML);
}
function Hello(dom) {
alert("Hello");
}
</script>
</body>
</html>
「已注销」 2009-10-19
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 sharp_ice 的回复:]
补充一点:
这样的话,不仅input标签可以使用_action,任何标签都可以使用
[/Quote]
的确,确实不应该使用ByTagName来遍历元素。有更好的提议吗?
其实不仅仅是sina其他大网站都有见过这样使用属性的。
蓝色_冰点 2009-10-19
  • 打赏
  • 举报
回复
补充一点:
这样的话,不仅input标签可以使用_action,任何标签都可以使用
蓝色_冰点 2009-10-19
  • 打赏
  • 举报
回复
BeenZ,如果有N个不同的_action,你的代码写起来可费劲喽
我也没看过源代码,不过我猜测应该是对DOM根节点仅注册一个onclick事件,然后根据event.srcElement来取得_action,然后通过switch case 的办法根据不同的_action调用不同的方法
BeenZ 2009-10-19
  • 打赏
  • 举报
回复
他自定义标签,是方便添加自己特殊的属性而不会和原始的html属性冲突,这样就可以针对特殊标签写特殊事件

eg

<script>
window.onload=function(){
var inputs=document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++){
if(inputs[i]._action=="write_new") inputs[i].onclick=function(){
alert("跳转了")
}
}
}
</script>
<input _action="write_new" type="button" value="再写一封>>" />
<input type="button" value="空的">
MuBeiBei 2009-10-19
  • 打赏
  • 举报
回复
有可能是交给后台去处理了~··

<input>标签没有这个_action 但是可以写上 没错的~·
jol_boy 2009-10-19
  • 打赏
  • 举报
回复
自定义属性,故名思意啊,根据你自己的逻辑进行设置,进行操作使用的。随便你设置什么,你不去用,是没什么影响的,就当是费代码,夹杂在html中
项目名称:[精仿]360安全卫士-10.30更新(CSkin Demo) 界面库版本号:10.30 最新版本 下载内容: 精仿360安全卫士源码一份, 可引用至工具箱最新版CSkin.dll一份 实现功能: 1.发光标题。 2.直角边框和阴影。 3.360安全卫士主界面模仿。 4.多系统支持,不需要win8系统,即可实现win8风格的360。 5.自定义控件的美化使用。 界面库更新文档: CC2013-10.30 1.由于SkinForm名字太多人使用,界面库命名正式改为CSkin.dll,官网www.cskin.net。 2.SkinTabControl标签中添加菜单箭头,可点击展开菜单。 3.SkinTabControl添加标签关闭按钮。 4.修复部分中文乱码问题。 5.优化好友列表右键菜单。 6.将窗体自定义系统按钮改为集合模式,可添加无数个自定义系统按钮。自定义系统按钮事件中可以 e.参数 来判断。 7.增加360安全卫士-DEMO案例。 8.增加SkinAnimatorImg控件,用于支持位图动画的播放。如360的动态logo。 9.各种细节BUG优化。 CC2013-10.11 1.添加SkinTabControlEx,加入更加自定义的美化属性和动画效果。 2.添加SkinAnimator,通用动画控件。 3.添加Html编辑器控件 4.修复SkinButton图标和文本相对位置的BUG CC2013-9.26 1.优化好友列表CPU占用 2.好友列表加入好友登录平台属性:安卓 苹果 WEBQQ PC 3.优化标题绘制模式,新添标题绘制模式属性。 4.新添标题偏移度属性。 5.加入圆形进度条控件:ProgressIndicator。 CC2013-9.5.2 1.优化截图控件,截图工具栏加入新功能。 2.解决个人信息卡和天气窗体显示后不会消失的问题。 3.各种细节BUG优化。 CC2013-9.5.1 1.解决贴边左右隐藏的BUG。 2.解决窗体点击事件不能触发的问题。 3.优化SkinButton继承父容器背景色的代码。 4.解决SkinButton异常错误。 CC2013-9.3 1.好友列表右键菜单没反应问题。 2.新增美化控件SkinDatagridview。 3.密码软件盘回删不了文字问题。 4.双击窗体最大化,最大化后再双击恢复原大小,(win7)。 5.部分细节调优。 小编:下载不要分,DEMO教你如何熟练使用CSkin界面库美化自己的窗体。 友情链接: http://bbs.csdn.net/topics/390510544 (精仿QQ2013局域通讯) http://download.csdn.net/detail/lyx_520/5710799 (C#实现Win8窗体)

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧