html js中name和id的区别和使用分析(2011-01-29 13:31:03)js中web页面元素的调用可以有两种识别方法:id和name 一,使用范围 document.getElementByIdx_x_x(“id_Number”) 得到的是单个元素 document.getElementsByName(“name”) 得到的是数组 取得 id :document.getElementByIdx_x_x(“idname”) 取得 name : document.getElementsByName(“name”)[0?1?2?3?....] 这些元素都与表单 ( 框架元素作用于 form 的 target) 提交有关 , 在表单的接收页面只 接收有 name 的元素 , 赋 ID 的元素通过表单是接收不到值的 具体用途有: 用途 1: 作为可与服务器交互数据的 HTML 元素的服务器端的标示,比如 input 、 select 、 textarea 、和 button 等。我们可以在服务器端根据其 Name 通过 Request.Params 取得元素提交的值。 用途 2: HTML 元素 Input type=’radio’ 分组,我们知道 radio button 控件在同一个分组类, check 操作是 mutex 的,同一时间只能选中一个 radio ,这个分组就是根据相同的 Name 属性来实现的。 用途 3: 建立页面中的锚点,我们知道 link 是获得一个页面超级链接,如果不用 href 属性,而改用 Name ,如: ,我们就获得了一个页面锚点。 用途 4: 作为对象的 Identity ,如 Applet 、 Object 、 Embed 等元素。比如在 Applet 对象实例中,我们将使用其 Name 来引用该对象。 用途 5: 在 IMG 元素和 MAP 元素之间关联的时候,如果要定义 IMG 的热点区域,需要使用其属性 usemap ,使 usemap=”#name”( 被关联的 MAP 元素的 Name) 。 用途 6: 某些特定元素的属性,如 attribute ,和 param 。例如为 Object 定义参数 二,唯一性区别 赋 name: document.formName.inputName document.frames(“frameName”) 赋 ID : document.all.inputID document.all.frameID 在通用的情况下: |
|