Javascript İle Sayfanın Adresi Nasıl Alınır?

Geliştirmede üzerinde çalıştığımız sayfanın adresine ( url ) ihtiyacımız olabilir. Bu durumlarda bu adrese ulaşmak isteriz. Bunu Javascript ile bir kaç yöntem ile elde edebiliriz.

Eğer bize lazım olan tam sayfa adresi ise bu durumda

document.URL

ile sayfanın tam adresine ulabiliriz. Bu adres tüm protokol dahil tüm adres (url) bilgisini bize verecektir. Sadece okunabilir bir değerdir. Üzerinde işlem yapılamaz.

Yine aynı değer

location.href

ilede ulaşabiliriz. Mesela https://netbilio.com sayfasında bu iki değere bakalım.

console.log(document.URL)
// Konsola
// https://netbilio.com/
// yazdırır.

console.log(location.href)
// Konsola
// https://netbilio.com/
// yazdırır.

İşin güzel tarafı eğer location.href değerine başka bir sayfa adresini atarsanız tarayıcı o sayfayı yükleyecektir. Mesela bulunduğunuz sayfadan https://netbilio.com adresine gidilmesini isterseniz çalıştırmanız gereken kod

location.href = 'https://netbilio.com';

şeklinde olacaktır. Kod çalıştığında tarayıcı https://netbilio.com adresini yükleyecektir.

location nesnesi, o an üzerinde çalıştığımız sayfa ile ilgili bir çok işlemin yapılmasını sağlar. Mesela sayfayı yenilemek istediğimizde

location.reload();

kodunu çalıştırmamız yeterli olacaktır. location nesnesi üzerinde sayfa adresi ile ilgili bir çok bilgiye de ulaşabiliriz. Bunları sıralayacak olursak.

• location.href sayfanın tam adresini (url) verir.
• location.protocol sayfa adresinin protokol bilgisini verir. Mesela https gibi.
• localhost.hostname sayfanın ana adresini verir. Mesela Netbilio için *netbilio.com şeklindedir.
• location.port eğer kullanılmışsa port numarasını verir.
• location.pathname eğer belirli bir sayfaya gidilmişse o sayfa ismini verir. Mesela https://netbilio.com/reactjs/ adresi için bu /reactjs/ şeklindedir.
• location.search eğer bir arama yapıldıysa veya sayfaya query olarak parametre gelildiyse o bilgiyi verir.
• location.hash eğer sayfa içerisinde bir alana link verimişse bu alan bilgisini içerir.

Sonuç

Javascript sayfa url değerini almak için documet.URL yeterli olacaktır. Eğer sayfa adresi içerisindeki bilgilere başvurulacaksa location nesnesi ile çalışmak daha kolay olacaktır.

Lütfen eklemek istediklerinizi yorumlara yazınız.