HTML belgesinde bir JavaScript işlevini çağırmanın birçok yolu vardır ve bu aynı zamanda zor bir iş değildir. İlk olarak, bir kişiyi aramanın en kolay yollarından birini kullandık. JavaScript HTML belgesindeki işlev:
Bu yöntemde HTML belgesinin head kısmında bir fonksiyon oluşturup tanımlayacağız. Bu işlevi html belgesinde çağırmak için basit bir düğme oluşturmamız ve tıklamada event niteliğini (bir olay işleyicisidir) onunla birlikte kullanarak, düğmeye tıklayarak işlevi çağırabiliriz.
Daha net anlamak için verilen programa bakalım:
programı
Java yerel tarihsaat
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> Programın açıklaması
Yukarıda verilen programda basit bir HTML belgesi oluşturduk. HTML belgesinin başlık bölümünün içinde bir işlev tanımladık ( örneğin işlevim();) komut dosyası etiketlerinin içinde ... .
function myfunction() { alert('how are you'); } Öte yandan gövde bölümünün içinde bir miktar metin görüntüledik ve bir buton oluşturduk. Fonksiyonumuzu çağırmak için şunu kullandık: tıklamada Niteliği düğmeyle birlikte kullanırız ve kullanıcı bu düğmeye tıkladığında işlevimiz yürütülür ve çıktıda görebileceğiniz gibi bir uyarı mesajı görüntüler.
İşlevi çalışırken görmek için aşağıdaki düğmeye tıklayın
Çıktı
Harici JavaScript dosyasını kullanarak bir işlevi çağırmak
HTML belgemize eklenmiş harici bir JavaScript dosyasını kullanarak da JavaScript işlevlerini çağırabiliriz. Bunun için öncelikle bir JavaScript dosyası oluşturup içinde fonksiyonumuzu tanımlayıp (.Js) uzantısıyla kaydetmemiz gerekiyor.
JavaScript dosyası oluşturulduktan sonra basit bir HTML belgesi oluşturmamız gerekir. JavaScript dosyamızı HTML belgesine eklemek için script etiketini kullanmalıyız ve 'src' özelliğinde, JavaScript dosyamızın depolandığı yere giden yolu sağlamalıyız. Harici JavaScript dosyasını HTML belgesine bağladıktan sonra bir buton oluşturabilir ve işlev kullanmak 'tıklamada' onunla nitelik.
Bunu bir program yardımıyla anlayalım:
programı
İşlevi çalışırken görmek için aşağıdaki düğmeye tıklayın
Programın açıklaması
Yukarıdaki programda öncelikle bir JavaScript dosyası oluşturduk ve içindeki fonksiyonumuzu tanımlayıp . js eklenti.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); } JavaScript dosyasını oluşturduktan sonra bir HTML belgesi oluşturduk ve JavaScript dosyamızı . HTML belgemizi ve JavaScript dosyamızı aynı klasörde sakladığımız için, head kısmında tam yolunu sağlamak yerine JavaScript dosyamızı sadece 'scr' özelliğinde adlandırdık.
Gövde bölümünün içinde bir miktar metin görüntüledik ve bir düğme oluşturduk. Fonksiyonumuzu çağırmak için şunu kullandık: tıklamada Niteliği düğmeyle birlikte kullanırız ve kullanıcı bu düğmeye tıkladığında işlevimiz yürütülür ve çıktıda görebileceğiniz gibi bir uyarı mesajı görüntüler.
İşlevi çalışırken görmek için aşağıdaki düğmeye tıklayın
Çıktı
Şimdi verilen düğmeye tıklayın:
