2017-04-15 76 views
0

我正在嘗試編寫能夠向Android和iOS用戶顯示不同圖像(使用超鏈接)的代碼。例如,一個圖像(android.png)將顯示給android用戶,ios.png將僅顯示給iOS用戶。我正在使用useragent來區分。在這裏,我迄今爲止所做的,但還沒有達到這一點。通過javascript向iOS和Android用戶顯示不同的圖像

<script type="text/template" id="ios"> 


<p align="center"><a href="http://www.apple.com> 
<img src="ios.png" width="312" height="227"></a></p> 
</script> 

<script type="text/template" id="android"> 
<p align="center"><a href="http://www.google.com"> 
<img src="android.png" width="312" height="227"></a></p> 
</script> 


<script> 


if(/iPhone|iPad|iPod/i.test(navigator.userAgent)) { 
var ios= document.getElementById('ios').innerHTML; 

} 

if(/Android/i.test(navigator.userAgent)) { 
var android = document.getElementById('android').innerHTML; 

} 


</script> 
+0

這也許值得指出的是HTML裏面'

相關問題