html 中 <a>标签里面的id 和 name 有什么区别_框架

id的意思就是身份z，它是具有唯一性的，也就是说同一个网页的所有标签的id都不能有相同的；name就是名字，而名字是允许重复的。

id的主要作用是供前端脚本（即js）获取网页元素对象的，由于它具有唯一性，因此使用比较简便；而name则用于后台脚本获取网页中表单所提交的数据，所以它一般用于表单控件（如文本输入框、单选按钮、下拉框等等），js也可通过name获取元素，但由于它可重复，所以获取的是对象数组。

putArr=documentgetElementsByClassName() ()("input的class名称");

putArr=documentgetElementById()("input的id");

putArr=documentgetElementsByName("input的名称");

for(var i=0;i<inputArrlength;i++){

alert(inputArr[i]id);

}

扩展资料

Document 对象事件

1、onactivate，当对象设置为活动元素时触发。

2、onbeforeactivate，对象要被设置为当前元素前立即触发。

3、onbeforecut，当选中区从文档中删除之前在源对象触发。

4、onbeforedeactivate，在 activeElement 从当前对象变为父文档其它对象之前立即触发。

5、onbeforeeditfocus，在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。

6、onbeforepaste，在选中区从系统剪贴板粘贴到文档前在目标对象上触发。

7、onclick，在用户用鼠标左键单击对象时触发。

8、onmouseover，鼠标指针移到对象时触发

9、onmouseout，鼠标指针移出对象时触发

Document 对象方法

1、attachEvent，将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。

2、clear，目前尚未支持。

3、close，关闭输出流并强制将数据发送到显示。

4、createAttribute，以指定名称创建 attribute 对象。

5、createComment，以指定数据创建 comment 对象。

6、createDocumentFragment，创建一个新文档。

7、createElement，为指定标签创建一个元素的实例。

8、createEventObject，生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。

9、createStyleSheet，为文档创建样式表。

10、createTextNode，从指定值中创建文本字符串。

11、detachEvent，从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了

12、write()，动态向页面写入内容

13、createElement(Tag)，创建一个html标签对象

14、getElementById(ID)，获得指定ID值的对象

15、getElementsByName(Name)，获得指定Name值的对象

示例

下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。

if (documenttitle!="") alert("标题为 " + documenttitle)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数，所得位置相对于文档的左上角。

<HTML>

<HEAD>

<TITLE>报告鼠标移动</TITLE>

function reportMove(){

windowstatus = "X=" + windoweventx + " Y=" + windoweventy;

}

</SCRIPT>

</BODY>

</HTML>

参考资料：

百度百科：document对象

HTML 中 id与name 区别:

一个name可以同时对应多个控件，比如checkbox和radio

而id必须是全文档中唯一的

id的用途

1） id是HTML元素的Identity，主要是在客户端脚本里用。

2） label与form控件的关联，如

<label for="MyInput">My Input</label>

for属性指定与label关联的元素的id，不可用name替代

3）脚本中获得对象：IE支持在脚本中直接以id（而不是name）引用该id标识的对象。

例如上面的input，要在脚本中获得输入的内容，可以直接以 MyInputvalue来获得。如果用DOM的话，则用documentgetElementById("MyInput")value；

如果要用name的话，通常先得到包含控件的form，例如documentforms[0]，然后从form再引用name，注意这样得到的是经过计算后将发送给服务器的值

name的用途

1）主要是用于获取提交表单的某表单域信息，作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等，这些元素都与表单(框架元素作用于form的target)提交有关，浏览器会根据name来设定发送到服务器的request，在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的。我们可以在服务器端根据其Name通过RequestParams取得元素提交的值。在form里面，如果不指定name，就不会发送到服务器端。

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

3）建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点，如<strong><a name="1" id="1"></a>Experience (XP)</strong>，详见示例

4）作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其name来引用该对象。

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

6）某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

当然HTML元素的name属性在页面中也可以起那么一点ID的作用，因为在DHTML对象树中，我们可以使用documentgetElementsByName来获取一个包含页面中所有指定Name元素的对象数组。Name属性还有一个问题，当我们动态创建可包含Name属性的元素时，不能简单的使用赋值elementname = ""来添加其Name，而必须在创建Element时，使用documentcreateElement('<element name = "myName"></element>')为元素添加Name属性。这是什么意思啊？看下面的例子就明白了。

< script language ="JavaScript" >

var input = documentcreateElement('INPUT');

inputid = 'myId';

inputname = 'myName';

alert(inputouterHTML);

</ script >

消息框里显示的结果是：<INPUT id=myId>

< script language ="JavaScript" >

var input = documentcreateElement(' < INPUT name = " myName " > ');

inputid = 'myId';

alert(inputouterHTML);

</ script >

消息框里显示的结果是：<INPUT id=myId name=myName>

name与id 区别

id要符合标识的要求，比如大小写敏感，最好不要包含下划线（因为不兼容CSS）。而name基本上没有什么要求，甚至可以用数字。table、tr、td、div、p、span、h1、li等元素一般用id。与表单相关的元素也可以赋ID值, 但为这些元素赋ID值的时候引用这些元素的方法就要变一下了，具体的如下：

赋name时，引用元素的方式: documentformNameinputName 或 documentframes("frameName")

赋id时，引用元素的方式: documentallinputID 或 documentallframeID

除去与表单相关的元素，只能赋id不能赋name，这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

html中获取标签的数据，可以通过js来获取，如下代码：

function validate(){

//一．是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二．是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name = $("#t_name")val() ;

var pro_name = $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att = attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知！");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业！");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<br/>

<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>

<s:iterator value="teacherList">

</s:iterator>

</select> <br/> <br/>

<s:iterator value="professionList">

</s:iterator>

</select>

<br/>

</textarea>

<br/>

</div>

</body>

可以通过import xmletreeElementTree，通过方法parse（HTML）获取根节点，再去find（输入框的xpath 路径）得到输入框Element 对象，最后通过Elementget（key=name）方法去读想要的属性值。

以上就是关于html 中 <a>标签里面的id 和 name 有什么区别全部的内容，包括:html 中 <a>标签里面的id 和 name 有什么区别、js 怎么循环获得很多 name 相同的input 的ID 值、html中的name和id有什么区别不同一般情况下使用哪个还是两个都用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9738603.html

html 中 <a>标签里面的id 和 name 有什么区别

发表评论

评论列表（0条）

html 中 &lt;a&gt;标签里面的id 和 name 有什么区别

发表评论

评论列表（0条）

html 中 <a>标签里面的id 和 name 有什么区别