JavaScript'i Html Dosyasına Eklemek

-

Javascript'i Html dosyasına doğrudan eklemek:


 Bunun için
<script> </script>
etiketini kullanmamız gerekmektedir.
Html dosyasında
<head>
etiketleri ve
<body>
etiketleri arasına JavaScript kodumuzu ekleme imkanımız vardır.
Website içeriğinin hızlı yüklenmesi ve daha sonra JavaScript kodunun çözümlenmesi için JavaScript kodları genelde
<body>
etiketleri arasına eklenmektedir.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Giris</title>
</head>
<body>
    <script>
        alert("selam");    
    </script>
</body>
</html>

Javascript dosyalarına Html belgesi içinde referans verilmesi:

Ayrı dosyalarda tutulan JavaScript kodlarımıza Html belgemizin içinde referans vererek bunu gerçekleştirebiliriz. Bununla kod okunabilirliği ile birlikte site performansı iyileştirilmiş olur hatta sürdürülebilirlik ve tekrar kullanılabilirlik imkanlarını sağlamış oluruz.
Örn: giris.html dosyamızda aynı dizinde bulunan giris.js dosyasına referans verelim.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Giris</title>
</head>
<body>
  <script src="giris.js" type="text/javascript"></script>
</body>
</html>

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Html Etiketleri - head ve title Etiketi

-
Resim
<head> Etiketi <head> etiketi sayfanının başlığını tanımlayan, her sayfada bulunması ve en azından <title> etiketini  içermesi gereken etikettir. Ayrıca <head> etiketi html sayfamızın kullandığı sayfa içi stil ve script dosyalarının tanımlandığı veya harici css ve javascript  kaynaklarının sayfaya tanıtıldığı bölümdür. Bunun yanı sıra <head> etiketi içerisinde <meta> etiketler tanımlayabilir bu sayede arama motoru botları ve örümceklerine sayfamız hakkında bilgi vererek Arama Motoru Optimizasyonumuzu (SEO) geliştirebiliriz. Bonus: Harici Javascript kaynaklarının genellikle </body> etiketinden önce tanıtılması tavsiye edilir nedeni ise sayfa yüklenme hiyerarşisinden kaynaklanmaktadır. <title> Etiketi Sayfanın başlığını tanımlar ve mutlaka kullanılmalıdır. <title> etiketi içerisinde tanımlanan sayfa başlığı tarayıcının araç çubuğunda gözükmektedir. Bonus: Eğer kullanıcı sa
DAHA FAZLASI...

Html Etiketleri - meta Etiketleri

-
Resim
<meta> Etiketi Meta etiketler, head etiketleri arasında tanımlanan ve sayfamız hakkındaki meta verileri arama motoruna tanıtmak ve sitemizin arama motorlarınca doğru sınıflandırılmasını sağlamak amacıyla kullanılan etiketlerdir. Aynı zamanda kullanıcıya web sitesi hakkında bilgi vermektedir. Bu etiketler tarayıcıda gözükmezler fakat dilerseniz kaynağı görüntüle dediğinizde belgenizin ilgili yerinde tanımlanmış meta etiketleri görebilirsiniz.  Meta etiketlerin (genellikle) temel olarak iki bileşeni vardır bunlar name ve content 'dir.  name  özelliği ile title , keywords , description , author gibi etiket tanımlamaları yaparız. content özelliği ile yukarıda tanımladığımız özelliğe gelecek içeriği yazarız. Title Sayfa başlığının meta etiket içerisinde tanımlanmasını sağlar. Keywords Anahtar kelimelerin tanımlanmasını sağlar. Description Sayfa açıklamasının tanımlanmasını sağlar. Author Sayfa yazarının tanımlanmasın
DAHA FAZLASI...

PHP Laravel - Middleware (Ara Katman)

-
Resim
PHP Laravel - Middleware (Ara Katman) Nedir En Basit Haliyle Açıklaması, Ne İşe Yarayabilir , Nasıl Kullanabiliriz? Middleware Nedir? Middleware, işletim sistemi tarafından sunulanların dışındaki uygulamalara, ortak hizmetler ve yetenekler sağlayan bir yazılımdır.  Veri yönetimi, uygulama hizmetleri, mesajlaşma, kimlik doğrulama ve API yönetimi gibi olaylar genel olarak ara katman yazılımı tarafından yönetilir. Middleware, geliştiricilerin uygulamaları daha verimli bir şekilde oluşturmalarına yardımcı olur. Bu yapı ile birlikte uygulamalar, veriler ve kullanıcılar arasındaki bağ dokusu gibi davranır., Nasıl Kullanabiliriz , Ne İşe Yarayabilir? Ara katman çok geniş bir kategori olsa bile en yaygın olarak kullanıldığı durumlar kimlik doğrulama yöntemleri ve mesajlaşma araçlarıdır.Nasıl kullanabilir ve ne işe yarayabilir örneğini kimlik doğrulama yöntemi üzerinden anlatacağım.Diyelim ki bir internet sitesi yaptınız , bu internet sitenizin de bir yönetim paneli
DAHA FAZLASI...