基于路径名使用Javascript交换图像/超链接

我知道这可能很简单，但我是JavaScript的新手。基于路径名使用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>

非常感谢！

来源

2012-10-04 user1721327

不知道我理解的问题。你有什么尝试，什么不工作？ – Znarkus

'code' 'code' – user1721327

这是我开始向下的路径，但我只是无法弄清楚。就像我说的我是JavaScript的新手。谢谢 – user1721327

下面是如何你可以用你贴标记实现这样一个例子：

<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/

来源

2012-10-05 02:21:24 jordanandree

基于路径名使用Javascript交换图像/超链接

回答

相关问题