javascript - trick to normalize href for IE -

joe.bq.wang

浏览: 401049 次
性别:
来自: 上海

最近访客更多访客>>

musicull

hillsoul

virtual_garden

mengke111

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

javascript - trick to normalize href for IE

博客分类：

javascript

javascript

IE is again the only browser that has a special bug that violate the priciple of least surprise.

that is that when accessing an attribute that references a URL, (such as href, src, or action) that URL is automatically converted from the specified form into a full, cannonical, URL for example, if href="/test/" was specified, and you will get http://example.com/test/ if you do .href or .getAttribute("href").

however, it provide some an addition to hte getAttribute call. which you can pass a value of '2' to the end of 'getAttribute' method, then it will retrieve the value that you entered.

CAVEAT: it seems the behavior has changed for even chrome, the return value is http://example.com/test/ if you entered "/test/"; better test it more and make sure that is the expected result.

below is the source code.

<html>
<head>
<title>Attribute URL Test</title>
<script type="text/javascript">
  (function () {
    var div = document.createElement("div");
    div.innerHTML = "<a href='/'></a>";
    var urlok = div.firstChild.href === "/";
    this.urlAttr = function (elem, name, value) {
      if (typeof value !== "undefined") {
        elem.setAttribute(name, value);
      }
//      if (urlok) {
//        alert("you are here");
//        return elem[name];
//      } else {
//        alert("you are there");
//        return elem.getAttribute(name, 2);
//      }
            return urlok ?
              elem[name] :
              elem.getAttribute(name, 2);
    };
  })();
  window.onload = function () {
    var a = document.getElementById("a");
    // Alerts out the full URL 'http://example.com/'
    alert(a.getAttribute("href"));
    // Alerts out the input '/'
    alert(urlAttr("href", a));
  };
</script>
</head>
<body>
<a id="a" href="/"></a>
</body>
</html>

分享到：

javascript - trick to get and set CSS st ... | javascript - trick IE form and its expa ...

2012-08-16 10:59
浏览 537
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript - trick to normalize href for IE

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript - trick to normalize href for IE

评论

发表评论

相关推荐

javascript - trick to cross browser DOM ready event

javascript - trick to simulate mouseenter and mouseleave

javascript - trick to simulate the change event

javascript - trick to simulate bubbling submit event

javascript - trick to implement bubbling submit event

javascript - trick to detect bubbling supportability

javascript - trigger event and custom events

javascript - trick to handlers management

javascript - trick to centralized store

javascript - trick to fix the event object

javascript - tricks to deal with colors

javascript - trick to manipulate the opacity

javascript - trick to test visibility of an element

javascript - trick to get and set height and width

javascript - trick to set/get attributes that expects px values

javascript - trick to get and set CSS style

javascript - trick IE form and its expando attribute

javascript expando and attributes

javascript - trick to getText and setText

javascript - trick/guideline to remove DOM element

最近访客更多访客>>