IE下href 的 BUG问题

web前端|css教程 IE下href 的 BUG问题

IE,href,BUG

web前端-css教程

货源站点源码,Ubuntu访问网络硬盘,tomcat能用来做什么的,教务系统正方爬虫,php求数字的绝对值,学习seo广告lzw


 
 test

(function(){
var test = document.getElementById(‘test’);
alert(test.innerHTML);

c语言源码大全,ubuntu登录共享文件,tomcat过滤器异常,很小的爬虫,php 私有云源码,一个人自学seo 引流lzw

var result = document.getElementById(‘result’);
result.innerHTML = test.innerHTML;
alert(result.innerHTML)
})();
结果会发现，在 IE6、IE7 浏览器中第二次弹出的 result.innerHTML 中的 A 元素的 href 值成为了绝对路径。
其实先人们早遇到这些问题（感谢玉伯提供的资料）：
《getAttribute(”HREF”) is always absolute》
《getAttribute href bug》
在上面的文章中已提及了处理方案，就是在 IE 下使用 getAttribute( ‘href’ , 2 ) 方法。 Microsoft 给此方法扩展了第二个参数，可设置为 0、1、2，如果设置为 2 ，则返回属性原始值。
脚本修正为：

视频解析系统源码,ubuntu查看父子进程,设置tomcat为短链接,快手爬虫代码,php自建框架面试,seo是不是文章发得越多越好lzw

(function(){ 
var test = document.getElementById('test'); 
alert(test.innerHTML); 
var result = document.getElementById('result'); 
result.innerHTML = test.innerHTML; 
if(/*@cc_on!@*/0 ) { //if ie 
var links1 = test.getElementsByTagName('a'); 
var links2 = result.getElementsByTagName('a'); 
for(var i = 0, len = links1.length; i < len; ++i ) { 
links2[i].href = links1[i].getAttribute('href', 2); 
} 
} 
alert(result.innerHTML); 
})();

在寻找此问题的过程中还搜索到 Hedger Wang 发现的一个有趣的 BUG 问题：在 IE 中当重新设置新的 href 属性值时，如果链接文字含有 “http://” 或 “@” ，则其 innerHTML 将显示不正确，显示成设置的 href 属性。
解决方法（sHref 为要设置的 href 新值）：

sHref = 'http://www.hedgerwow.com'; 
var isMSIE = /*@cc_on!@*/false; 
if( isMSIE ){ 
sHref = ' ' + sHref; //add extra space before the new href 
};

详细：《Internet Explorer might reset Anchor’s innerHTML incorrectly when a new “href” is assigned》

暂无相关文章