pbtb.cn pbtb.cn

欢迎光临
我们一直在努力
顶部
域名
云服务器48/月

IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同_javascript技巧-js教程-

ie6/7中getattribute获取href/src 属性(相对路径0值与其它浏览器不同的解决方法

测试代码如下: 

 
<a href="/abc/index.html">home</a> 
<img  src="http://files.jb51.net/upload/201108/20110828174815833.gif" alt="IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同_javascript技巧" > 
<script> 
var link = document.getElementsByTagName(&#39;a&#39;)[0]; 
var img = document.getElementsByTagName(&#39;img&#39;)[0]; 
alert(link.getAttribute(&#39;href&#39;)); 
alert(img.getAttribute(&#39;src&#39;)) 
</script>
登录后复制

有元素a和img(标准文档模式),设置了相对路径。各浏览器效果如下

IE6/7:返回完整路径


IE8/9/10/Firefox/Safari/Chrome/Opera:返回相对路径

IE6/7中想要与其它浏览器保持一致的话,可以给getAttribute的第二个参数设为2。

 
<a href="/abc/index.html">home</a> 
<img  src="http://files.jb51.net/upload/201108/20110828174815833.gif" alt="IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同_javascript技巧" > 
<script> 
var link = document.getElementsByTagName(&#39;a&#39;)[0]; 
var img = document.getElementsByTagName(&#39;img&#39;)[0]; 
alert(link.getAttribute(&#39;href&#39;, 2)); // 注意第二个参数 
alert(img.getAttribute(&#39;src&#39;, 2)); // // 注意第二个参数 
</script>
登录后复制

标准的getAttribute方法是没有定义第二个参数的,神奇的IE啊。以下是MSDN对setAttribute参数的描述

IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同_javascript技巧

【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
发布内容
-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网