დინამიური ეფექტების შექმნის მთავარი გზა ვებ – გვერდებზე კლიენტის მხარის სკრიპტების გამოყენებაა. ესენი არიან კოდების ნაწილები, რომლებიც ინტერპრეტირდება დოკუმენტის ჩვენების პროგრამის სკრიფტინგის ძრავით. JavaScript არის პოპულარული პროგრამირების ენა, რომელიც გამოიყენება სკრიპტებისთვის. იმისათვის, რომ სკრიპტის შესრულება შეძლოს, იგი რაიმე ფორმით უნდა ჩასვა დოკუმენტში.
Ეს აუცილებელია
- - სკრიპტის კოდი;
- - წყარო დოკუმენტი;
- - ტექსტის რედაქტორი.
ინსტრუქციები
Ნაბიჯი 1
განსაზღვრეთ სცენარის ჩასმის საუკეთესო გზა. თუ ივარაუდება, რომ ერთი და იგივე სკრიპტი გამოყენებული იქნება სხვადასხვა დოკუმენტებში, მაშინ აზრი აქვს მისი გარე ფაილში გადატანას და იქიდან დაკავშირებას. წინააღმდეგ შემთხვევაში, ღირს სკრიპტის ტექსტის ჩასმა გვერდის კორპუსში. თუ სკრიპტის ზომა დიდია, ღირს მისი განთავსება დოკუმენტის ცალკე ბლოკში. თუ პროგრამის კოდი მცირე მოცულობითაა და ახდენს რეაქციას რაიმე მოვლენაზე, დასაშვებია მისი ატრიბუტის განთავსება, რომელიც განსაზღვრავს ელემენტის ჩაშენებული მოვლენის დამმუშავებელს ან ბმულის href ატრიბუტს.
ნაბიჯი 2
ჩასვით სკრიპტი გარე წყაროდან. დაამატეთ SCRIPT ელემენტი მითითებული src და ტიპის ატრიბუტებით დოკუმენტის კორპუსში ან HEAD განყოფილებაში. მაგალითად, ამის გაკეთება შეგიძლიათ ასე: src ატრიბუტის მნიშვნელობა უნდა იყოს URI, რომელიც მიუთითებს იმ რესურსისკენ, საიდანაც ჩაიტვირთება სკრიპტის ტექსტი. Charset ატრიბუტი არასავალდებულოა. ეს მიუთითებს სკრიპტის ტექსტის კოდირებაზე. თუ იგი გამოტოვებულია, კოდირების მნიშვნელობა მიიღება როგორც დოკუმენტის კოდირების მნიშვნელობა, რომელშიც ჩაწერილია სკრიპტი.
ნაბიჯი 3
ჩაწერეთ სკრიპტი გვერდის ტექსტში. გამოიყენეთ SCRIPT ელემენტი, რომელშიც არის სკრიპტის ტექსტი. მაგალითად, შეიძლება ასე გამოიყურებოდეს:
alert ("სკრიპტი მუშაობს!");
HTML კომენტარები, რომლებიც კოდს თან ერთვის, საჭიროა ძველ ბრაუზერებთან თავსებადობისთვის. შეგიძლიათ გამოიყენოთ XML კომენტარები XHTML დოკუმენტებში.
ნაბიჯი 4
ჩასვით Javascript კოდი ინლაინ მოვლენების შემმუშავებლებში. იპოვნეთ ელემენტი დოკუმენტში, რომლის მოვლენის მოგვარებაც გსურთ. დაამატეთ ატრიბუტი, რომელიც განსაზღვრავს შესაბამის დამმუშავებელს. მაგალითად, ატრიბუტი, რომელიც განსაზღვრავს დამმუშავებელს მაუსის დაჭერაზე ელემენტზე, არის onclick, მანიპულატორი ფოკუსის სიგნალის დაკარგვისთვის არის onblur და კლავიშების მმართველი onkeydown.
ნაბიჯი 5
შეიყვანეთ სკრიპტის კოდი, როგორც ტექსტი, რომელიც განსაზღვრავს დამატებული ატრიბუტის მნიშვნელობას. მაგალითად, DIV ელემენტზე მაუსის დაჭერისას შეტყობინების საჩვენებლად შეგიძლიათ გამოიყენოთ შემდეგი კონსტრუქცია: ტექსტური ტექსტის ტექსტი გაითვალისწინეთ, რომ სტრიქონის ლიტერატურის დასადგენად inline ელემენტის დამმუშავებლის კოდში, თქვენ უნდა გამოიყენოთ სხვა ტიპის ბრჭყალები, ვიდრე ეს რომ განსაზღვროს HTML ატრიბუტის მნიშვნელობა …
ნაბიჯი 6
დაამატეთ სკრიპტი ბმულის href ელემენტს. Href მნიშვნელობა უნდა იყოს URL, რომლის პროტოკოლის აღწერილი არის "javascript:", ხოლო მისამართის ნაწილი გამოთვლილია. მაგალითად: ბმულის ტექსტი თუ მრავალი გამოთქმის გამოყენება გჭირდებათ, გამოიყენეთ ფრჩხილების მიერ განსაზღვრული დებულების ბლოკი {და}.
