基於路徑名使用Javascript交換圖像/超鏈接

Question

我知道這可能很簡單，但我是JavaScript的新手。

嘗試更改基於url路徑顯示的圖像/鏈接。

因此，在foo.com任何頁面將顯示一個狗<div id="promo"><a href="dog.html"><img src="img/dog.jpg"></a></div>

的圖像除非它使用的是目錄foo.com/cat然後<div id="promo"><a href="cat.html"><img src="img/cat.jpg"></a></div>

非常感謝！

Answer 1

下面是如何你可以用你貼標記實現這樣一個例子：

<div id="promo"> 
    <a href="dog.html"> 
    <img src="img/dog.jpg"> 
    </a> 
</div> 

現在這裏一些香草的JavaScript已經做了你所需要的：改變基於位置路徑的圖片src：

var path = window.location.pathname; 
var promo = document.getElementById('promo');  

if(path.match(/cat/)){ 
    promo.getElementsByTagName('img')[0].src = 'img/cat.jpg'; 
}​ 

您可以用源與一個測試用例在這裏還可以查看此：http://jsfiddle.net/jordanandree/3yCgY/2/