ii-master - HTML icinde Java Script Kullanmak

HTML icinde Java Script Kullanmak

HTML İçinde JavaScript Yazmak

Bir Web sayfası organizasyonunda JavaScriptleri Web sayfasına eklemek için değişik yollar vardır:

.          HEAD bölümünde

.          BODY bölümünde

.          BODY içinde URL olarak.

<HEAD>

İçinde:

Bir HTML belgesinde HEAD bölümü içinde <SCRIPT> etiketi kullanarak istediğiniz JavaScrip kodunu HTML belgesine ekleyebilirsiniz. Bu kodlar HTML sayfasının BODY kısmı yüklendikten sonra kullanıma hazır hale gelir.

Örnek:

Kod Alanı:

                        
                                    <HTML> 

                                    <HEAD> 

                                    <SCRIPT LANGUAGE="JavaScript"> 

                                    <!-- 

                                    function AlertTest( ) 

                                    { 

                                    alert("Dikkat!" ); 

                                    } 

                                    // --> 

                                    </SCRIPT> 

                                    </HEAD> 

                                    <BODY> 

                                    <BODY>

İçinde

HTML belgesinin BODY kısmında JavaScript kullanmak için iki yol vardır:

Doğrudan çalışacak kodlar ve kullanıcı tarafından çalışacak kodlar:

Doğrudan çalışacak JavaScript kodları <SCRIPT> etiketi kullanılarak HTML belgesinin istenilen yerine yazılır. Bu cümleler tarayıcı tarafından okunduğu anda yerine getirilir:

Kod Alanı:

                        
                                    <SCRIPT LANGUAGE="JavaScript"> 

                                    <!-- 

                                    document.write("Son okunma tarihi" + document.lastModified ) 

                                    //--> 

                                    </SCRIPT>

Daha çok kullanılan diğer bir yöntem ise kullanıcı tarafından bir olayın başlatılmasıyla bir JavaScript kodunun çalıştırılmasıdır. Örneğin bir düğmeye tıklamak gibi:

Kod Alanı:

                        
                                    <FORM> 

                                    <INPUT TYPE="BUTTON" NAME="TestButton" 

                                    VALUE="Tıkla" onClick="AlertTest( )"> 

                                    </FORM>

Örnek:

Kod Alanı:

                        
                                    <SCRIPT Language="JavaScript"> 

                                    function Onceki( ) { 

                                    if (xmldso.recordset.bof ){ 

                                        alert("Dosya başındasınız." ); 

                                    }else{ 

                                        xmldso.recordset.movePrevious( ) 

                                        if (xmldso.recordset.bof ){ 

                                          xmldso.recordset.moveFirst( ); 

                                          alert("Bu ilk kayıt." ); 

                                        } 

                                    } 

                                    } 

                                    function Sonraki( ) { 

                                    if (xmldso.recordset.eof ){ 

                                        alert("Dosya sonundasınız." ) 

                                    }else{ 

                                        xmldso.recordset.moveNext( ) 

                                        if (xmldso.recordset.eof ){ 

                                          xmldso.recordset.moveLast( ); 

                                          alert("Bu son kayıt." ); 

                                        } 

                                    } 

                                    } 

                                    </SCRIPT>

<BODY> İçinde URL Olarak

JavaScript kodu URL olarak da kullanmak mümkündür:

<A HREF="javascript: alert(Son! )">Siteden Çık</A>

UYGULAMA: Belgenin arka rengini değiştirmek:

Toplam 21653 ziyaretçi (33890 klik) kişi burdaydı!