26-11-2015, 15:15
Merhaba arkadaşlar,
Javascript, eminim birçoğumuzun daha önce duyduğu, bildiği ve kullandığı bir programlama dili. Hiç bilmesek bile girdiğimiz internet sitelerinin neredeyse tamamına yakınında bulunacak kadar yaygın kullanılmakta olan bir dil. Yani girdiğimiz siteler tarayıcımıza yüklendiğinde farkında olmasakta birçok şeyi bu programlama dili sayesinde yapıyoruz. Tarayıcılarda kullanılan dinamik bir dil olan Javascript'in, tarayıcı tarafında çalışmasından dolayı kullanıcı olarak sayfadaki kodlara müdahale etme şansımız yada yeni kod ekleme/çalıştırma imkanımız oluyor. Bunun çeşitli yöntemleri olsa da her türlü tarayıcıdan kullanabileceğimiz yol adres çubuğuna javascript kodumuzu yazarak kullanımıdır.
Birkaç örnekle konumuzu pekiştirelim.
Öncelikle, test için tarayıcımızdan bir internet adresine giriş yapalım. Örneğin : https://www.google.com.tr
Sonra sayfa başlığını almak için web tarayıcımızın adres çubuğuna;
Şeklinde kodumuzu yazıp enter tuşuna bastığımızda açık olan sayfanın başlığının mesaj olarak gösterildiğini görürüz.
Sayfanın o anki başlığını değiştirmek için;
Böyle bir kod çalıştırdığımızda ise aktif sayfanın başlığı "Deneme" olarak değiştirilecektir.
Bu şekil kullanımlarla sayfaya müdahale edebilmenin yanı sıra, sayfada kullanılan metodları çalıştırma değişkenleri alma ve değiştirme vb. işlemleri yapabiliriz.
Örneğin sayfada deneme(); adında bir metodumuz olduğunu varsayalım;
Üstteki gibi bir kullanımla sayfada bulunan deneme adlı metodu çalıştırmış oluruz.
Sayfada bulunan input metnini alma ve değiştirme;
Üstteki kod aktif sayfada Id'si "input1" olan input'un değerini mesaj olarak ekranda gösterir ve sonra değiştirir.
Sayfadaki formu göndermek için;
Üstteki kod sayfada tanımlı olan form1 adlı formu göndermemizi sağlar.
İhtiyaca göre her türlü kod kullanabilirsiniz. Örneğin zamanlı işlemlerde zamanla oynama yapılabilir. Dosyayı indirmek için geri geri sayan bir sayfada eğer zaman javascript ile oluşturulan bir değişkende tutuluyorsa, bu değişkenin değerini değiştirip dosyayı hiç beklemeden indirebilirsiniz
Javascript kodlarınızı URL gibi adres kısayollarına, sık kullanılanlara vs. ekleyip oradan da çalıştırabilirsiniz.
* Eğer tarayıcı olarak Firefox Kullanıyorsanız; CTRL + SHIFT + K Kısayoluyla açılan konsoldan javascript kodlarınızı çalıştırabilirsiniz.
Javascript, eminim birçoğumuzun daha önce duyduğu, bildiği ve kullandığı bir programlama dili. Hiç bilmesek bile girdiğimiz internet sitelerinin neredeyse tamamına yakınında bulunacak kadar yaygın kullanılmakta olan bir dil. Yani girdiğimiz siteler tarayıcımıza yüklendiğinde farkında olmasakta birçok şeyi bu programlama dili sayesinde yapıyoruz. Tarayıcılarda kullanılan dinamik bir dil olan Javascript'in, tarayıcı tarafında çalışmasından dolayı kullanıcı olarak sayfadaki kodlara müdahale etme şansımız yada yeni kod ekleme/çalıştırma imkanımız oluyor. Bunun çeşitli yöntemleri olsa da her türlü tarayıcıdan kullanabileceğimiz yol adres çubuğuna javascript kodumuzu yazarak kullanımıdır.
Birkaç örnekle konumuzu pekiştirelim.
Öncelikle, test için tarayıcımızdan bir internet adresine giriş yapalım. Örneğin : https://www.google.com.tr
Sonra sayfa başlığını almak için web tarayıcımızın adres çubuğuna;
Kod:
javascript:{alert(document.title);}
Şeklinde kodumuzu yazıp enter tuşuna bastığımızda açık olan sayfanın başlığının mesaj olarak gösterildiğini görürüz.
Sayfanın o anki başlığını değiştirmek için;
Kod:
javascript:{document.title="Deneme";exit;}
Böyle bir kod çalıştırdığımızda ise aktif sayfanın başlığı "Deneme" olarak değiştirilecektir.
Bu şekil kullanımlarla sayfaya müdahale edebilmenin yanı sıra, sayfada kullanılan metodları çalıştırma değişkenleri alma ve değiştirme vb. işlemleri yapabiliriz.
Örneğin sayfada deneme(); adında bir metodumuz olduğunu varsayalım;
Kod:
javascript:{deneme();exit;}
Üstteki gibi bir kullanımla sayfada bulunan deneme adlı metodu çalıştırmış oluruz.
Sayfada bulunan input metnini alma ve değiştirme;
Kod:
javascript:{alert(document.getElementById('input1').value); document.getElementById('input1').value='Yeni Değer'; exit;}
Üstteki kod aktif sayfada Id'si "input1" olan input'un değerini mesaj olarak ekranda gösterir ve sonra değiştirir.
Sayfadaki formu göndermek için;
Kod:
javascript:document.form1.submit();
Üstteki kod sayfada tanımlı olan form1 adlı formu göndermemizi sağlar.
İhtiyaca göre her türlü kod kullanabilirsiniz. Örneğin zamanlı işlemlerde zamanla oynama yapılabilir. Dosyayı indirmek için geri geri sayan bir sayfada eğer zaman javascript ile oluşturulan bir değişkende tutuluyorsa, bu değişkenin değerini değiştirip dosyayı hiç beklemeden indirebilirsiniz
Javascript kodlarınızı URL gibi adres kısayollarına, sık kullanılanlara vs. ekleyip oradan da çalıştırabilirsiniz.
* Eğer tarayıcı olarak Firefox Kullanıyorsanız; CTRL + SHIFT + K Kısayoluyla açılan konsoldan javascript kodlarınızı çalıştırabilirsiniz.