Whilst working on the Ajax Link Tracker and MapSurface I have come across an inconsistency in how the href attribute is retrieved using DOM Scripting.

The href attribute is different to other element attributes in that the value set can be relative to the context of the page URL. If you set a link with a relative href attribute

<a href="../development/test1.html">test page</a>

The browser will look at the pages current URL and derive an absolute URL for the link.

http://www.glenn.jones.net/development/test1.html

This is the root of the problem, some browsers return the text of the attribute and others return the derived absolute URL. The results also differ by the method you use to retrieve the href attribute. There are three common ways to access an attribute:

    linkobj.href;
    linkobj[‘href’];
    linkobj.getAttribute(‘href’);

The linkobj.href and linkobj[‘href’]; methods of accessing the attribute consistently return the derived absolute URL.

Microsoft has tried to address this by problem adding a second parameter to the getAttribute method. The second parameter can be set to 0,1 or 2. If the parameter is set to 2 the method returns the attribute text. Any other setting will return the derived absolute URL.

    linkobj.getAttribute(‘href’);
    linkobj.getAttribute(‘href’,2);

推荐阅读更多>

1. 怎么实现隐藏侧边栏
2. 路过html:HTML 标签大小写有关问题
3. 一个DIV隐藏后,其它DIV怎么填上去?
4. css之设立滚动条样式
5. 咨询下一下子css+div,标题右上角显示 "new"或其他
6. 那些鼠标放在table表头的边框上出现可以拖动的鼠标样式是如何实现的呢
7. 火狐浏览器href=""跳转到别的页面去了解决方案
8. 大神们 哪位高手知道如何设置 鼠标停留时 图片放大这个事件
9. 如何定义每一行的文字上面都有上划线虚线
10. 一个小站站长的心结~解决思路
11. HTML5（1）.简介
12. HTMLFormElement.reset()是如何用的
13. psd图片太大，切的背景在浏览器中显示不出来咋办？该怎么处理
14. 请教DW怎么连接access
15. 这两个方框 为什么对不齐，不一样高？解决方案
16. html本地视频播放有关问题
17. CSS基础（1）
18. HTML初始总结
19. CSS+JS兑现结构化无限级导航菜单列表(直接调用)
20. HTML教程-设置图片_Html基础教程_HtmlCss教程