Cara Mendapatkan URL Saat Ini di JavaScript

Dibuat
·
Dilihat10 kali
0

Saya sedang membuat tombol share ke media sosial untuk halaman postingan blog, setiap tombol share memerlukan URL postingan blog saat ini, saat ini saya meneruskan URL halaman saat ini secara eksplisit ke tombol tersebut tapi ini cukup repot.

Apakah ada cara untuk mendapatkan URL halaman yang sedang dibuka pengguna saat ini menggunakan JavaScript sehingga saya tidak perlu meneruskan URL secara eksplisit ke setiap tombol share?

Berikut contoh kode nya:

<a href="#" target="_blank" id="share">Share </a>

<script>
  const shareLink = document.getElementById("share");

  const currentUrl = "https://example.com/blog/post-1";
  const facebookShareUrl = new URL(
    "https://www.facebook.com/sharer/sharer.php"
  );
  facebookShareUrl.searchParams.set("u", currentUrl);

  shareLink.href = facebookShareUrl.toString();
</script>

Pada variabel currentUrl saya menentukan URL secara eskplisit, saya ingin itu mendeteksi URL saat ini secara otomatis.

JavaScript
1 Jawaban
0

Informasi terkait URL saat ini bisa dicek melalui window.location disana ada banyak informasi yang bisa kita gunakan, silakan lihat pakai console.log(window.location).

Gunakan window.location.href kalau mau mendapatkan URL lengkap saat ini. Variabel currentUrl jadinya seperti ini:

const currentUrl = window.location.href;
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait