当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 英文:A链接标记ie下会自动补全href

HTML/XHTML教程
为什么设计师需要学习编写代码
select控件是如何设计的?
如何全面清理浮动?
js教程:传递单引号
教你制作有好的错误页面
设计一个提示用户登录错误的表单
Meta标签的X-UA-Compatible
hResume-发布简历的微格式
网页制作前端技术应该继续改革
来自W3C的消息:HTML5即将来临
网页设计师设计网页遵循的3条原则
网页减肥提速的9个技巧
让网页更有阅读性的几个网页设计技巧
HTML标记一定不要忘记关闭
在XHTML中不再使用HTML中的一些废弃元素
Web标准学习:理解结构和表现相分离
HTML5:b和i标记将被赋予真正的语义
HTML5中的新事件
html5标签
HTML是网页制作者必须要学习的

HTML/XHTML教程 中的 英文:A链接标记ie下会自动补全href


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 155 ::
收藏到网摘: n/a


                         英文:A链接标记ie下会自动补全href.             
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);                                                    Derived
Absolute URL             Attribute Text                               IE             linkobj.href;             x                                            IE             linkobj.getAttribute(‘href’);             x                                            IE             linkobj.getAttribute(‘href’,2);                          x                               Gecko             linkobj.href;             x                                            Gecko             linkobj.getAttribute(‘href’);                          x                               Gecko             linkobj.getAttribute(‘href’,2);                          x                               Opera             linkobj.href;             x                                            Opera             linkobj.getAttribute(‘href’);             x                                            Opera             linkobj.getAttribute(‘href’,2);             x                           Get attribute test page Test on IE6, Firefox 1.5 and Opera 8.51.
So what should be returned by the getAttribute method? The W3C DOM Level 2 Core specification which sets out the structure of the getAttribute method does not cover this issue. It is not that either approach is wrong or right. On this point the specification is open to interpretation.
As a coder I would like to be able to access both values. The DOM Core specification should be updated to address the problem.
After a really good exchange with Jim in the comments below, I stand corrected. The specification does say the getAttribute should return the attribute value, not the absolute URL. The Microsoft approach is wrong.
For the time being I am using the old school object property method linkobj.href to return derived absolute URLs. It provides the most consistent results across all browsers. URLs of interest
W3C REC DOM Level 2 Core specification for getAttribute
Gecko documentation for getAttribute
Microsoft documentation for getAttribute
As usual just as I was finishing this post I found this bug report on the QuickMode site which discusses the same subject.
getAttribute HREF is always absolute.html