javascript - 使用 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/