Javascript使用URL中的參數

Question

我有一個問題我的區域形狀href =“/ kosmetikstudios / deutschland / Bayern ”標簽看起來如此。 我將使用參數“拜仁”（這是網址的最后一個參數）。

我需要這種動態。

這是我的Javascript代碼：

<script type="text/javascript">
  $(document).ready(function(){
  var mName="passiv";
    $("#map area").mouseenter(function(){

      mName = $(this).attr("href"); // i don't have idea to implement this
      bName="images/" +mName + ".png";
      $("#map img").attr("src",bName);

    });

    $("#map area").mouseleave(function(){
      bName="images/Europa.png";
      $("#map img").attr("src",bName);

    });

  });
</script>

這是我的HTML代碼

 <area shape="poly" coords="356,300,355,299,354,298....." href="/kosmetikstudios/deutschland/Bayern" title="Kosmetikstudios in Bayern" alt="Kosmetikstudios in Bayern" />

<area shape="poly" coords="156,200,425,699,154,298....." href="/kosmetikstudios/deutschland/Berlin" title="Kosmetikstudios in Berlin" alt="Kosmetikstudios in Bayern" />

我希望有人可以幫助我。

問候，

戴夫

Answer 1

mName = this.href.substring(
    this.href.lastIndexOf('/') + 1
);

Answer 2

您可以設置數據屬性來存儲名稱，而不是從URL中提取值。

例如：

HTML

<area shape="poly" data-name="Bayern" href="/kosmetikstudios/deutschland/Bayern" />
<area shape="poly" data-name="Berlin" href="/kosmetikstudios/deutschland/Berlin" />

JS

<script type="text/javascript">
  $(document).ready(function(){
  var mName="passiv";
    $("#map area").mouseenter(function(){

      //read the data attributes
      mName = $(this).data("name");

      bName="images/" +mName + ".png";
      $("#map img").attr("src", bName);

    });

    $("#map area").mouseleave(function(){
      bName="images/Europa.png";
      $("#map img").attr("src",bName);

    });

  });
</script>

Answer 3

你可以這樣做：

mName = $(this).attr("href").split("/").reverse()[0];