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. 在ie7中input file 上传控件无效，浏览旋钮没用，“浏览”两个字都显示不出来
2. CSS完善兼容IE6/IE7/IE8/IE9/IE10的通用方法
3. 一个很简单的HTML运行机制有关问题
4. 设置了透明滤镜 火狐如何不支持 a:hover属性呢
5. HTML实业符号代码
6. jquery插件jplayer访问有账户证验的音频资源
7. ie6上png图片透明色解析为灰色，怎么解决
8. css alpha shadow 叠加的有关问题
9. HTML中meta功用
10. CSS怎么对文本内容进行换行
11. 关于html 中的link text解决办法
12. 应该用什么软件编写html css javascript比较方便解决方案
13. 推荐12个漂亮的CSS3旋钮实现方案
14. div层堆叠 posion:absolute
15. 深入懂得HTML5：语义、标准与样式（勇猛精进早登大师殿堂创最优品质交互）
16. 入门：XHTML常用标签的基本运用指南
17. [世界之窗]如何将webkit设为默认浏览器内核
18. 纯css兑现灰色背景层,兼容ie56789&ff&opera&Chrome&Safari
19. DIV+CSS 级联上拉菜单 多级上拉菜单
20. IE浏览器打开纯色背景页面按F11全屏背景的页面，最上面就会出现白色横条