当前位置: 代码迷 >> JavaScript >> 请教,Anchor对象和Link对象
  详细解决方案

请教,Anchor对象和Link对象

热度:284   发布时间:2013-03-17 13:48:31.0
请问,Anchor对象和Link对象
第一个问题:
<a href="#Top">查看公司简介</a>
请问,这个是Anchor对象,还是Link对象


第二个问题:
《JS权威指南》上说:如果<a>设置了name属性,那么就会自动创建Anchor对象
比如:<a name="百度" href="www.baidu.com">百度</a>
那此<a>..</a>标签是不是即创建了Anchor对象,又创建了Link对象


第三个问题:
如何区分Anchor对象和Link对象?

------解决方案--------------------
anchor对象和link对象均由<a>标记创建,唯一的区别就是该标记是否包含href属性。如果<a>标记不包含href属性,则创建的对象为anchor对象,反之则同时为link对象。
------解决方案--------------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function init(){
var a=document.links;
for(var i=0;i<a.length;i++){
alert("link:"+a[i].id);
}
a=document.anchors;
for(var i=0;i<a.length;i++){
alert("anchor:"+a[i].id);
}
}
window.onload=init;
</script>
</head>

<body>
<a id="i1">1</a>
<a id="i2" name="n2">1</a>
<a id="i3" href="">1</a>
<a id="i4" href="" name="n4">1</a>
</body>
</html>
有name的是anchor 有href的是link 
ie8貌似都是anchor
  相关解决方案