Linux中国  设为主页
 收藏本站
 
当前位置: > 首页 ->网站设计 ->HTML/DHTML -> 细说HTML元素的ID和Name属性的区别
  相关分类: 
AJAX教程
CSS/CSS2
Dreamweaver
Fireworks
Flash
HTML/DHTML
JavaScript
Phososhop
网页制作
  站内搜索: 
热门文章排行
热门文章排行 常用网页播放器代码(06-05)
HTML基础知识:认识http-equiv属性(04-12)
网页设计颜色代码大全(06-05)
HTML语法详细介绍(04-12)
HTML教程-Frame 的其它属性(04-12)
精采文章排行
精采文章排行 浅议Web网页Form表单设计技巧(06-05)
超级实用的几种表单校验效果收集(06-05)
揭开正则表达式的神秘面纱(06-05)
教你制作GBK与Unicode的对照表(06-05)
常用网页播放器代码(06-05)
  ·超级实用的几种表单校验效果收集·揭开正则表达式的神秘面纱·教你制作GBK与Unicode的对照表·常用网页播放器代码·要速度更要灵活,JFCMS系统功能评测·渐飞CMS普及风暴活动公告·SSI技术—SHTML(生成静态时用的最火)·Google官方讲解NOINDEX、NOFOLLOW、NOARC·一个form两个提交按钮,分别提交到两页面

细说HTML元素的ID和Name属性的区别

作者:Webmaster   来源:Linuxdby.com   点击:   日期:2007-04-12 [收藏] [投稿]

  IE是否经常中毒?推荐您

  几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。

  上周我也遇到了ID和Name的问题,在页面里输入了一个input type="hidden",只写了一个ID='SliceInfo',赋值后submit,在后台用Request.Params["SliceInfo"]却怎么也去不到值。后来恍然大悟因该用Name来标示,于是在input里加了个Name='SliceInfo',就一切ok了。

  第一段里对于ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity。而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完全由ID来代替,从而把其取消掉。

  具体用途有:

  用途1:  作为可与服务器交互数据的HTML元素的服务器端的标示,比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。

  用途2:  HTML元素Input type='radio'分组,我们知道radio button控件在同一个分组类,check操作是mutex的,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。

  用途3:  建立页面中的锚点,我们知道<a href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用Name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。

  用途4:  作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们把使用其Name来引用该对象。

  用途5:  在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。

  用途6:  某些特定元素的属性,如attribute,和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">。

  显然这些用途都不是能简单的使用ID来代替掉的,所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别,它们更本就是不同作用的东西。

  当然HTML元素的Name属性在页面中也可以起那么一点ID的作用,因为在DHTML对象树中,我们可以使用document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。

  在这里顺便说一下,要是页面中有n(n>1)个HTML元素的ID都相同了怎么办?在DHTML对象中怎么引用他们呢?如果我们使用ASPX页面,这样的情况是不容易发生的,因为aspnet进程在处理aspx页面时根本就不允许有ID非唯一,这是页面会被抛出异常而不能被正常的render。要是不是动态页面,我们硬要让ID重复那IE怎么搞呢?

  这个时候我们还是可以继续使用document.getElementById获取对象,只不过我们只能获取ID重复的那些对象中在HTML Render时第一个出现的对象。而这时重复的ID会在引用时自动变成一个数组,ID重复的元素按Render的顺序依次存在于数组中。





 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇: HTML语法详细介绍   下一篇: HTML表格标记及属性
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

   相关文章:
·浅议Web网页Form表单设计技巧

   文章评论:(1条)
  
 请留名: 匿名评论   点击查看所有评论 论坛讨论
 

 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。