İPUCU

Seçenekler

JavaScript Kod Yapısı/Script Tema Kulübü

26-09-2018 00:28
#1
XEmareX - ait Kullanıcı Resmi (Avatar)
Tamamen Forumdan Uzaklaştırıldı
Üyelik tarihi:
05/2018
Nereden:
Amerika
Mesajlar:
1.403
Teşekkür (Etti):
56
Teşekkür (Aldı):
102
Konular:
52
Ticaret:
(0) %
window.requestAnimationFrame kullanarak renkli div kutularını ekrana bastırma örneği.



JavaScript'de zamanlanmış bir döngü yapmanın sadece bir yolu vardı: setInterval() . Bir şeyi çok hızlı tekrarlamanız gerekiyorsa (ancak bir döngü for olabildiğince hızlı değil), bunu kullanırsınız. Animasyon amaçları için, hedefin saniyede altmış "kareler" olması düzgün görünmesi için şöyle bir döngü oluşturursunuz:

Kod:
setInterval(function() { // animiate something }, 1000/60);

NOT: JavaScript kullanabilmek için öncelikle HTML Dili bilmeniz gereklidir!



Kod:
<script> alert('Hoş geldiniz!'); </script>

Javascript HTML Belgesinin Neresinde Kullanılır?,

Bir JavaScript kodu için oluşturacağınız <script></script> nesnesini <head> bölümünde ya da <body> bölümünde kullanabilirsiniz.

NOT: BODY elementi içerisinde kullanmak sayfa yüklenme hızını arttıracaktır.



Aşağıdaki örnek HEAD bölümünde JavaScript kullanılarak yapılmıştır;

JavaScript Kodu

Aşağıdaki örnek ise JavaScript kodunun BODY içerisinde kullanılmasıyla oluşturulmuştur:



Kod:
<!DOCTYPE html> <html> <head> <script> function fonksiyonum() { ********.getElementById("demo").innerHTML = "Paragraf değişti!"; } </script> </head> <body> <h1>Web Sayfam</h1> <p id="demo">Bir paragraf</p> <button type="button" onclick="fonksiyonum()">Butona Bas!</button> </body> </html>


İsterseniz bir javascript dosyası oluşturarak ve bunu HTML belgenizden çağırarak kullanabilirsiniz. Bu kullanım şekli kaynak kodlarınızın sade olmasını sağlayacaktır.

Bunun için <script> kodunuza src="" özelliği ekleyip dosya adını ana dizine göre belirtin. Örneğin script dosyamızın adı "script.js" ise;


Kod:
<script src="script.js"></script>


NOT: Script dosyası içerisinde <script> ve </script> elementi kullanılmaz.



Saygılarımızla



Konu Ceys tarafından (29-09-2018 11:52 Saat 11:52 ) değiştirilmiştir.
M3m0ry, Orok Usaki, 'Rookie Teşekkür etti.

26-09-2018 01:08
#2
Orok Usaki - ait Kullanıcı Resmi (Avatar)
Tamamen Forumdan Uzaklaştırıldı
Üyelik tarihi:
09/2018
Nereden:
1453
Mesajlar:
92
Teşekkür (Etti):
9
Teşekkür (Aldı):
13
Konular:
4
Ticaret:
(0) %
Eline Saglik Hocam
26-09-2018 01:52
#3
XEmareX - ait Kullanıcı Resmi (Avatar)
Tamamen Forumdan Uzaklaştırıldı
Üyelik tarihi:
05/2018
Nereden:
Amerika
Mesajlar:
1.403
Teşekkür (Etti):
56
Teşekkür (Aldı):
102
Konular:
52
Ticaret:
(0) %
Teşekkürler.
26-09-2018 10:14
#4
DarkVenom2 - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
03/2018
Nereden:
İstanbul
Mesajlar:
517
Teşekkür (Etti):
54
Teşekkür (Aldı):
51
Konular:
14
Ticaret:
(0) %
Hocam Elinize emeğinize sağlık resimler gözükmyor düzeltirnisin iyi formlar iyi günler

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı