1

これはおそらく非常に単純ですが、私は 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>

どうもありがとう！！！

4

1 に答える 1

0

投稿したマークアップでこれを実現する方法の例を次に示します。

<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-05T02:21:24.900 に答える