IE 下修改a标签的href的值碰到的怪象-优快云博客

今天在IE 下碰到一个奇怪的问题，就是当我修改a的标签内容有@字符，在修改该标签的href属性的时候，a标签的内容变成了该标签的

href 的值。

代码如下

<!DOCTYPE HTML>
<html>
<body>
<a id="fruits">fruites</a>
</body>
<script>
document.getElementById('fruits').innerHTML = "Test Event / D @ N{}t ?u~cha$e";
document.getElementById('fruits').href = 'http://www.qq.com';
</script>
</html>

这个时候就会出现这个诡异的问题，在火狐和谷歌浏览器都不回，ie都会有这个问题。

我想改变下修改的赋值顺序就应该不会出现该问题了，实践证明也是正确的，代码如下。

<!DOCTYPE HTML>
<html>
<body>
<div id="fruits">fruites</div>
</body>
<script>
document.getElementById('fruits').href = 'http://www.qq.com';
document.getElementById('fruits').innerHTML = "Test Event / D @ N{}t ?u~cha$e";
</script>
</html>

我猜想应该是IE内核的问题吧。

试图找原因，百度

发现

http://www.planabc.net/2008/11/06/ie-href-bug/

文章。但是好像没怎么明白。

发现了

if(/*@cc_on!@*/0) {
var sSuffix = ( /*@cc_on!@*/false ) ? 'ie' : 'gecko' ;

    /*@cc_on alert("显示浏览器版本号:"+@_jscript_version) @*/

    alert(@_jscript_version)

    alert("浏览器版本为"+sSuffix)

   }