仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 631|回复: 8
打印 上一主题 下一主题

[HTML5] html教程之IE 下 href 的 BUG

[复制链接]
兰色精灵 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:28:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
再见西城 该用户已被删除
5#
发表于 2015-2-7 08:34:08 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
金色的骷髅 该用户已被删除
6#
发表于 2015-2-21 14:35:20 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
飘飘悠悠 该用户已被删除
7#
发表于 2015-3-6 21:15:34 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
admin 该用户已被删除
8#
发表于 2015-3-13 22:08:33 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
只想知道 该用户已被删除
9#
发表于 2015-3-20 20:55:18 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-21 15:43

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表