Question

我知道这可能很简单，但我是JavaScript的新手。

尝试根据网址路径更改正在显示的图片/链接。

因此，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>

现在这里有一些vanilla 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/

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

1 个答案: