[JavaScript] 現在アクセス中のドメインによって a href の URL を書き換える


現在アクセス中のドメインによって a href の URL を書き換える JavaScript のサンプルコードをご紹介します。

JavaScript

現在アクセス中のドメインは document.domain で取得できるので、これを元に特定のドメインのときだけ href を書き換えてます。

HTML

<a class="js-button" href="https://production.example.com/target_site" target="_blank">
  <img src="button.png" alt="Sample Button">
</a>

JavaScript

var button = document.getElementsByClassName('js-button');
if (button !== null) {
  var href = button[0].getAttribute('href');
  var domain = document.domain;
  // 現在アクセス中のドメインが test.example.com のときだけ URL を変更する
  if (domain === 'test.example.com') {
    href = 'https://another.example.com/target_site';
  }
}

以上、クライアントサイドで test サイトのときだけ URL を書き換えたい現場からお送りしました。

  1. コメントはまだありません。

  1. トラックバックはまだありません。