Bu yazımda CSS'in genişletilmiş bir versiyonu olan SASS (Syntactically Awesome Style Sheets)'ı ele alacağım. CSS yazma deneyimini geliştiren ve stil tabanlı projelerde daha...
JavaScript İle Url Href Alma ve Href Bilgisini Değiştirme
HTML sayfalarımızda bir tetikleme sonucunda ya da sayfa yüklendiğinde a href bilgisini değiştirmeye ihtiyacımız olabiliyor. Java Script ile HTML'de a href bilgisini değiştirmek için örnekte iki tane url kullandım. firstHref ve secondHref adında iki tane linkimiz mevcut. Kurgumuza göre secondHref tıklandığında firstHref linkinin href bilgisini https://yasinsunmaz.com olarak değiştirmektir. Bunun için ise secondHref'e tıklandığında bu işlemi tetikleyeceğiz. Tetikleme gerçekleştikten sonra da id'si firstHref olan a hrefin href bilgisini istediğimiz şekilde değiştiriyoruz.
JS İle Url Üzerinden Href Bilgisi Alıp Kullanma
İhtiyaca göre var olan sayfamızın url bilgisi alıp istediğimiz yerde kullanabiliriz. Java Script ile url bilgisini location.href kullanarak url bilgisini alabiliriz.
Öncelikle HTML sayfamızda iki tane href ekliyoruz. Ve idleri sırasıyla firstHref ve secondHref olmalıdır. Sonrasında bu script kodunu yazdığınızda secondHref tıklandığında firstHref href bilgisi https://yasinsunmaz.com olarak değişecektir.
document.getElementById("secondHref").onclick = function() {
document.getElementById("firstHref").href="https://yasinsunmaz.com";
return false;
};
JS İle Url Üzerindeki Parametreyi Alıp Href Bilgisini Değiştirme
Bu yöntemde ise urlde istediğiniz parametreyi alarak başka href üzerinde değişlik yapabilirsiniz. params const'unu incelediğimizde bizim sayfamızın url bilgisini alıp içerisinde istenen parametre değerini arar. Sonraki aşamada ise params.param_name kısmında istediğimiz parametrenin adını yazıyoruz. Yani params'dan sonra hangi parametreyi istiyorsak onun adını yazıyoruz. Örnek vermek gerekirse, https://yasinsunmaz.com?page=1 şeklinde urlimiz olduğunu düşünelim. Buradaki page değerini almak için let value= params.page; şeklinde bir kullanım ile "1" değerini alabiliriz.
Burada da urlHref idli bir tane url eklememiz gerekiyor. Sonrasında script kodunu yazıp çalıştırdığınızda bulunduğunuz sayfadki url bilgisini alıp istediğiniz parametre değerine ulaşabilir ve bunu kullanabiliriz.
const params = new Proxy(new URLSearchParams(window.location.search), {
get: (searchParams, prop) => searchParams.get(prop),
});
let value = params.filenames;
if(value!=null){
document.getElementById("urlHref").href="https://yasinsunmaz.com/"+value;
}
Umarım faydalı olmuştur. İyi çalışmalar dilerim.
Yorum yapabilmek için giriş yapmalısınız. Giriş yapmak için tıklayınız.