Web sayfalarında dinamik efektler oluşturmanın ana yolu, istemci tarafı komut dosyalarının kullanılmasıdır. Belgeyi görüntüleyen uygulamanın komut dosyası motoru tarafından yorumlanan kod parçalarıdır. JavaScript, komut dosyası oluşturmak için kullanılan popüler bir programlama dilidir. Komut dosyasının yürütülebilmesi için belgeye bir şekilde eklenmesi gerekir.
Bu gerekli
- - komut dosyası kodu;
- - kaynak dosyası;
- - Metin düzeltici.
Talimatlar
Aşama 1
Komut dosyasını eklemenin en iyi yolunu belirleyin. Aynı betiğin farklı belgelerde kullanılacağı varsayılırsa, onu harici bir dosyaya taşımak ve oradan bağlamak mantıklıdır. Aksi takdirde, komut dosyası metnini sayfanın gövdesine gömmeye değer. Komut dosyasının boyutu büyükse, onu belgede ayrı bir bloğa yerleştirmeye değer. Program kodunun hacmi küçükse ve herhangi bir olaya tepki veriyorsa, onu bir öğenin yerleşik olay işleyicisini veya bir bağlantının href niteliğini tanımlayan bir özniteliğe yerleştirmeye izin verilir.
Adım 2
Komut dosyasını harici bir kaynaktan yapıştırın. Belge gövdesine veya HEAD bölümüne belirtilen kaynak ve tür niteliklerine sahip bir SCRIPT öğesi ekleyin. Örneğin, bunu şu şekilde yapabilirsiniz: src özniteliğinin değeri, kod metninin yükleneceği kaynağa işaret eden bir URI olmalıdır. Karakter kümesi özniteliği isteğe bağlıdır. Komut dosyası metninin kodlamasını gösterir. Ancak atlanırsa, kodlama değeri, komut dosyasının eklendiği belgenin kodlama değeri olarak alınacaktır.
Aşama 3
Komut dosyasını sayfanın metnine yerleştirin. İçinde komut dosyası metni olan bir SCRIPT öğesi kullanın. Örneğin, şöyle görünebilir:
uyarı ("Komut dosyası çalışıyor!");
Kodu içeren HTML yorumları, eski tarayıcılarla uyumluluk için gereklidir. XHTML belgelerinde XML yorumlarını kullanabilirsiniz.
4. Adım
Javascript kodunu satır içi olay işleyicilerine ekleyin. Olayını işlemek istediğiniz belgedeki öğeyi bulun. Uygun işleyiciyi tanımlayan bir öznitelik ekleyin. Örneğin, bir öğe üzerinde fare tıklaması için işleyiciyi belirten öznitelik onclick, odak sinyali kaybı işleyicisi onblur'dur ve tuş vuruşu işleyicisi onkeydown'dur.
Adım 5
Eklenen özniteliğin değerini belirten metin olarak kod kodunu girin. Örneğin, bir DIV öğesi fareyle tıklatıldığında bir mesaj görüntülemek için aşağıdaki yapıyı kullanabilirsiniz: Metin metni metni Satır içi öğe işleyici kodunda dize değişmezlerini tanımlamak için, bunlardan farklı türde tırnak kullanmanız gerektiğini unutmayın. HTML özniteliğinin değerini belirten …
6. Adım
Komut dosyasını bağlantının href öğesine ekleyin. href değeri, protokol tanımlayıcısı "javascript:" olan bir URL olmalıdır ve adres kısmı hesaplanmış bir ifadedir. Örneğin: Bağlantı metni Birden fazla ifade kullanmanız gerekiyorsa, {ve} parantezleri ile tanımlanan bir ifade bloğu kullanın.
