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

【问题标题】：Swap image/hyperlink based on pathname using Javascript使用 Javascript 基于路径名交换图像/超链接
【发布时间】：2012-10-04 21:12:27
【问题描述】：

我知道这可能很简单，但我是 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>

非常感谢！！！

【问题讨论】：

不确定我是否理解这个问题。您尝试了什么，什么不起作用？
codecode
这是我开始的路径，但我就是想不通。就像我说的我是 javascript 的新手。谢谢

标签： javascript variables pathname

【解决方案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/

【讨论】：