İNTERNET TABANLI PROGRAMLAMA Dersi JavaScript soru detayı:

PAYLAŞ:

SORU:

JS'de bir elementin görüntüsü nasıl değiştirilir?


CEVAP:

JS sayfadaki bir elementin CSS stillerini değiştirebilir. Örneğin, sitemizin okunmasını kolaylaştırmak
için gece ve gündüz saatlerinde iki renk temasıyla sunmak istediğinizi düşünelim. Gece saatlerinde çok
parlak ekranlar gözleri yoracağından koyu bir artalan üzerinde parlak yazılar; gündüz saatlerinde de tam
tersi bir tema kullanalım. Bu amaçla sitemize gece/gündüz temaları arasında geçiş yapmak için bir düğme
ekleyebiliriz. Hatta, JS düğmeler yerine, bilgisayarın sistem saatini kontrol ederek bu geçişleri otomatik
olarak da gerçekleştirebilir. Resim 4.5’te sayfa üzerindeki düğme ile koyu ve açık renk temaları arasındaki
geçiş sağlanmaktadır. Bu işlemi bilgisayarın sistem saatine göre yapmak için Tarih nesnesi başlığındaki
fonksiyonlar kullanılabilir.
JS DOM üzerinden tarayıcıdaki sayfaya erişebildiği gibi, BOM (Browser Object Model – Tarayıcı Nesne
Modeli) üzerinden tarayıcı kaynaklarına da erişebilir. JS, BOM kullanarak: (1) yeni bir tarayıcı penceresi açabilir, (2) tarayıcı penceresini düzenleyebilir (ekrandaki yeri ya da boyutlarını değiştirebilir), (3) tarayıcı penceresini kapatabilir, (4) kullanıcının ekranı hakkında bilgi alabilir (boyutlar, renk derinliği vb.), (5) gösterilen sayfa hakkında bilgi alabilir, (6) gösterilen sayfayı değiştirebilir, (7) tarayıcının tarih nesnesine erişerek önceki/sonraki sayfalara gidebilir, (8) kullanıcı bilgisayarına çerez bırakabilir, (9) zamanlanmış görevler oluşturabilir, (11) tarayıcı uygulaması hakkında bilgi alabilir, (12) tarayıcının uyarı ve alarm kutularını kullanabilir.