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

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

PHP中文网
Freigeben: 2016-05-16 18:02:50
Original
1348 Leute haben es durchsucht

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

测试代码如下: 

 
<a href="/abc/index.html">home</a> 
<img src="http://files.jb51.net/upload/201108/20110828174815833.gif"> 
<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>
Nach dem Login kopieren

有元素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"> 
<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>
Nach dem Login kopieren

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage