როგორ შევქმნათ ღილაკი კოდით

Სარჩევი:

როგორ შევქმნათ ღილაკი კოდით
როგორ შევქმნათ ღილაკი კოდით

ვიდეო: როგორ შევქმნათ ღილაკი კოდით

ვიდეო: როგორ შევქმნათ ღილაკი კოდით
ვიდეო: როგორ გავაკეთოთ საათი იუთუბის ვერცხლის ღილაკისგან 2024, ნოემბერი
Anonim

გვერდების შექმნისას ზოგჯერ საჭიროა, რომ გვერდზე განთავსებულ ღილაკზე დაწკაპუნებისას, ბრაუზერში მოხდეს ავტორის მიერ დაპროგრამებული რაიმე ღონისძიება. ამისათვის თქვენ უნდა მოათავსოთ JavaScript კოდი გენერირებულ დოკუმენტში და დააკავშიროთ იგი საჭირო ღილაკზე. კოდის რაოდენობიდან გამომდინარე, რაც საჭიროა განზრახული ღონისძიების განსახორციელებლად, შეგიძლიათ გამოიყენოთ ღილაკის კოდთან დაკავშირების სხვადასხვა გზა.

როგორ გავაკეთოთ ღილაკი კოდით
როგორ გავაკეთოთ ღილაკი კოდით

ინსტრუქციები

Ნაბიჯი 1

ყველაზე ხშირად, JavaScript კოდის ზარები უკავშირდება ონკლის მოვლენას, ანუ მაუსის მარცხენა ღილაკზე დაჭერით. თუ ბევრი კოდი არ გჭირდებათ იმ მოქმედების აღსაწერად, რაც უნდა მოხდეს, მაშინ ეს ყველაფერი პირდაპირ მოთავსდება ღილაკის თეგში. მაგალითად, ბრაუზერის დაპროგრამება, რომ მარტივი შეტყობინება აჩვენოს ღილაკზე დაჭერისას, JavaScript სკრიპტი ასე გამოიყურება: alert ('კოდი მუშაობდა!') ის მხოლოდ ერთ განცხადებას და ტექსტს იღებს. ეს ყველაფერი ადვილად განთავსდება ღილაკის ნიშნის onclick ღონისძიების აღწერაში. ამ შემთხვევაში, გვერდის უმარტივესი HTML კოდი შეიძლება ასე გამოიყურებოდეს:

ღილაკი კოდით

ღილაკი კოდით

ნაბიჯი 2

არ არის პრაქტიკული უფრო რთული JavaScript კოდის განთავსება პირდაპირ ღილაკის თეგში. უფრო ადვილია მისგან ცალკე ფუნქციის შექმნა და მისი ზარის ჩართვა onclick ღონისძიებაში. მაგალითად, ეს შეიძლება ჰგავდეს ფუნქციას, რომელიც აჩვენებს ფანჯარას, რომელიც შეიცავს ღილაკის დაჭერის დროს: ფუნქცია getTime () {

var ახლა = ახალი თარიღი ();

alert ("კოდი მუშაობდა" + ახლა.getHours () + ":" + now.getMinutes ());

} ის უნდა განთავსდეს გვერდის სათაურში (და ტეგებს შორის). გვერდის სრული კოდი, ამ ღილაკზე მიბმული ამ ფუნქციისთვის, შეიძლება ასე გამოიყურებოდეს:

ფუნქციის ზარის ღილაკი

ფუნქცია getTime () {

var ახლა = ახალი თარიღი ();

alert ("კოდი მუშაობდა" + ახლა.getHours () + ":" + now.getMinutes ());

}

ფუნქციის ზარის ღილაკი

ნაბიჯი 3

რამდენიმე მეთოდი უნდა იქნას გამოყენებული, როდესაც რამდენიმე სხვადასხვა ღილაკზე დაჭერით უნდა წარმოიშვას მოვლენა, რომლის აღწერაც შეიძლება იგივე JavaScript კოდით. მაგალითად, შეგიძლიათ ოდნავ შეცვალოთ წინა ფუნქცია, რომ დაამატოთ დაჭერილი ღილაკის იდენტიფიკაცია შეტყობინებების ველში: ფუნქცია getTime (btnString) {

var ახლა = ახალი თარიღი ();

alert (btnString + "დააწკაპუნეთ" + now.getHours () + ":" + now.getMinutes ());

} გვერდის სრული კოდი, რომელსაც აქვს სამი ასეთი ღილაკი, შეიძლება ასე გამოიყურებოდეს:

ფუნქციის ზარის სამი ღილაკი

ფუნქცია getTime (btnString) {

var ახლა = ახალი თარიღი ();

alert (btnString + "დააწკაპუნეთ" + now.getHours () + ":" + now.getMinutes ());

}

პირველი ღილაკი

მეორე ღილაკი

მესამე ღილაკი

გირჩევთ: