兰色精灵 发表于 2015-1-15 23:28:59

html教程之IE 下 href 的 BUG

HTML5开发的网页文档类型极其简单,就够了,记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.在扫瞄器IE6、IE7、Firefox2+、Firefpx3+、Opera9.6+、Safari3.1+中测试以下代码(Demo):
<divid="test">
<ahref="#">test</a>
</div>
<divid="result"></div>

<scripttype="text/javascript">
(function(){
vartest=document.getElementById(test);
alert(test.innerHTML);

varresult=document.getElementById(result);
result.innerHTML=test.innerHTML;
alert(result.innerHTML)
})();
</script>
了局会发明,在IE6、IE7扫瞄器中第二次弹出的result.innerHTML中的A元素的href值成了相对路径。
实在祖先们早碰到这些成绩(感激玉伯供应的材料):


[*]《getAttribute(”HREF”)isalwaysabsolute》
[*]《getAttributehrefbug》
在下面的文章中已说起了处置计划,就是在IE下利用getAttribute(‘href’,2)办法。Microsoft给此办法扩大了第二个参数,可设置为0、1、2,假如设置为2,则前往属性原始值。
剧本修改为:
(function(){
vartest=document.getElementById(test);
alert(test.innerHTML);

varresult=document.getElementById(result);
result.innerHTML=test.innerHTML;

if(/*@cc_on!@*/0){//ifie
varlinks1=test.getElementsByTagName(a);
varlinks2=result.getElementsByTagName(a);
for(vari=0,len=links1.length;i<len;++i){
links2.href=links1.getAttribute(href,2);
}
}

alert(result.innerHTML);

})();
在寻觅此成绩的过程当中还搜刮到HedgerWang发明的一个风趣的BUG成绩:在IE中当从头设置新的href属性值时,假如链接笔墨含有“http://”或“@”,则其innerHTML将显现不准确,显现成设置的href属性。
办理办法(sHref为要设置的href新值):
sHref=http://www.hedgerwow.com;
varisMSIE=/*@cc_on!@*/false;
if(isMSIE){
sHref=+sHref;//addextraspacebeforethenewhref
};
具体:《InternetExplorermightresetAnchor’sinnerHTMLincorrectlywhenanew“href”isassigned》
</p>
HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展.

透明 发表于 2015-1-17 22:56:12

AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。

小女巫 发表于 2015-1-24 12:38:49

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

简单生活 发表于 2015-2-1 15:34:32

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

再见西城 发表于 2015-2-7 08:34:08

Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

金色的骷髅 发表于 2015-2-21 14:35:20

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

飘飘悠悠 发表于 2015-3-6 21:15:34

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

admin 发表于 2015-3-13 22:08:33

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

只想知道 发表于 2015-3-20 20:55:18

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
页: [1]
查看完整版本: html教程之IE 下 href 的 BUG