ვებ – გვერდების ღილაკები გამოიყენება მომხმარებლის ინტერაქტიული გამოცდილების უზრუნველსაყოფად. როგორც წესი, თუ ღილაკზე პასუხის გაცემა არ საჭიროებს მონაცემთა გაგზავნას სერვერზე, მაშინ ურთიერთქმედება ხორციელდება JavaScript სკრიპტების გამოყენებით. შესაბამისი JavaScript კოდის გამოძახების მეთოდები შეიძლება განსხვავდებოდეს - ქვემოთ მოცემულია სხვადასხვა ტიპის ღილაკების რამდენიმე შესაძლო ვარიანტი.
ინსტრუქციები
Ნაბიჯი 1
თუ ვებ – გვერდზე ღილაკის ჩვენება ორგანიზებულია ღილაკის ტეგის გამოყენებით, მაშინ JavaScript კოდი შეიძლება განთავსდეს onclick ატრიბუტში. მაგალითად, მოსწონს ეს: ღილაკი, რა თქმა უნდა, სასურველი არ არის, რომ საკმარისად დიდი კოდი ჩადოთ პირდაპირ ღილაკის ნიშანში - უმჯობესია შეიმუშაოთ იგი როგორც ფუნქცია და ამ ფუნქციის გამოსაძახებლად მხოლოდ კოდი ჩადოთ onclick ატრიბუტში. Მაგალითად:
ფუნქცია showAlert () {
გაფრთხილება ('ღილაკს დააწკაპუნეთ!')
}
ღილაკი
ნაბიჯი 2
თუ ღილაკი ნაჩვენებია შეყვანის ნიშნის ერთ-ერთი ვარიაციით (გაგზავნა, გადაყენება, ღილაკი ან სურათი), მაშინ იგივე onclick ატრიბუტის გამოყენება შეიძლება. მაგალითად, ფორმის ველების გასასუფთავებლად (გადატვირთვისთვის) ღილაკისთვის კოდი შეიძლება ასე გამოიყურებოდეს: თუ გსურთ, რომ მხოლოდ JavaScript შესრულდეს ღილაკზე დაჭერისას, და ნაგულისხმევი მოქმედება არ მოხდეს, შემდეგ დაამატეთ დაბრუნების ბრძანება ფუნქცია ან პირდაპირ onclick ატრიბუტის false. Მაგალითად:
ნაბიჯი 3
თუ გაგზავნის ტიპის ღილაკზე დაწკაპუნებაზე პასუხის ორგანიზება გჭირდებათ, ზემოთ ჩამოთვლილი მეთოდის გარდა, onclick ატრიბუტის გამოყენებით, შეგიძლიათ გამოიყენოთ ფორმის თეგის თვისებები, რომელსაც ეკუთვნის ეს ღილაკი. შესაბამისი ფუნქციის ზარი შეიძლება განთავსდეს ფორმის თეგის onsubmit ატრიბუტში. Მაგალითად:
ნაბიჯი 4
თუ ღილაკი არ არის ფორმის ელემენტი, არამედ მხოლოდ გრაფიკული ელემენტია (img tag), მაშინ სტანდარტები ასევე საშუალებას იძლევა გამოიყენოთ onclick ატრიბუტი. Მაგალითად:
ნაბიჯი 5
თუ ღილაკი ჰიპერბმულია, მაშინ არ უნდა გამოიყენოთ ღილაკის ატრიბუტები; უმჯობესია გამოიყენოთ ბმულის ნიშნის თვისებები. ისევე, როგორც წინა ვარიანტებში, შეგიძლიათ გამოიყენოთ onclick ტეგი. მაგალითად: და href ატრიბუტის მისამართი შეგიძლიათ შეცვალოთ ფუნქციური ზარით. მაგალითად, ასე:
