საბაჟო სკრიპტები ბრაუზერი არის ვებ-გვერდის ბრაუზერში შესრულებული JavaScript- ზე დაწერილი პროგრამები. ისინი საშუალებას მოგცემთ ავტომატურად შეავსოთ ფორმები, რეფორმირება გვერდებზე, არასასურველი შინაარსის დამალვა და სასურველი შინაარსის დამალვა შინაარსის ჩვენება, ვებ-პროგრამების კლიენტის ნაწილების ქცევის შეცვლა, დაამატეთ კონტროლს გვერდზე და ა.შ.
მომხმარებლის სკრიპტების მართვა Mozillafirefox- ში იყენებს GreaseMonkey გაფართოებას; Googlechrome Operae უზრუნველყოფს მომხმარებლის სკრიპტის მხარდაჭერას ინსტრუმენტები და თვისებები, რათა შეასრულოს სპექტრი GreaseMonkey სკრიპტები.
სერვერის აპლიკაციები
JavaScript- ში დაწერილი აპლიკაციები შეიძლება შესრულდეს სერვერებზე Java 6 ან მეტი გვიან ვერსიები . ეს გარემოება გამოიყენება სერვერის აპლიკაციების შესაქმნელად, რომელიც საშუალებას მოგცემთ სერვერზე JavaScript- ის დამუშავება.
გარდა Java 6, არსებობს მთელი რიგი პლატფორმების გამოყენებით არსებული ძრავები (interpreters) JavaScript შეასრულოს სერვერის პროგრამები. (როგორც წესი, ჩვენ ვსაუბრობთ ხელახლა გამოყენება ადრე შექმნილი ძრავები www ბრაუზერებში JavaScript კოდექსის შესასრულებლად.)
პრაქტიკული ნაწილი
ამ კურსის მუშაობა ჩვენ ვიყენებთ უფასო პროგრამა შექმნას ნახვა - მინი-საიტი. ამ პროგრამით, ჩვენ შეგვიძლია მოვამზადოთ ჩვენი საიტის ძირითადი შაბლონი, ბლოკირების მარკირება, ბლოკის ზომები, მოამზადოს საჭირო გვერდები და ასე შემდეგ.
საიტის საგანი, IFHibpp ჭრილობების ოფიციალური ვებ-გვერდი, რომლის საიტიც შეიქმნა CMSJoomla- სთვის!
საიტის შექმნისას, ჩვენ გავაანალიზებთ ჩვენი ძირითადი HTML გვერდის კოდის კოდს და ვნახავთ, რა შედგება.
Htmlls- ში დაწერილი ნებისმიერი გვერდი უნდა შეიცავდეს შემდეგ რიგებს ან ტეგებს:
1.
ეს კოდი იმყოფება აბსოლუტურად თითოეულ დოკუმენტში, ის მოგვითხრობს ბრაუზერის, რომ ამ tags შორის ყველაფერი არის HTML კოდი. ეს არის დოკუმენტის ფესვი, ყველაფერი, რაც ამჟამად ამ ტეგით არის წარმოდგენილი, აღარ არის დოკუმენტში და არ არის აღიარებული ბრაუზერები. დოკუმენტის დასაწყისში, ტეგი იხსნება და ბოლოს, აუცილებლად უნდა დაიხუროს.
2.
მთელი სექცია ამ tag შეიცავს ყველა Ტექნიკური ინფორმაცია დოკუმენტი. როგორც წინა tag, ხელმძღვანელი ასევე უნდა გაიხსნას და დახურულია დასასრულს. ეს ინფორმაცია მოიცავს გვერდის სათაურს, მისი აღწერა, საძიებო სისტემებისა და კოდირების საკვანძო სიტყვები. კოდირების შესახებ ოდნავ დაბალია.
3.
ეს tag შედის ხელმძღვანელი, ეს უნდა იყოს დაწერილი შიგნით ხელმძღვანელი tag. ეს სათაური არის სავალდებულო და უნდა იყოს წარმოდგენილი თითოეული hTML დოკუმენტიე. გარდა ამისა, ეს არის ბრაუზერის ფანჯრის სათაური. ასეთი სათაურის სიგრძე არ უნდა აღემატებოდეს 60 სიმბოლოს. ასეთი სათაურის ტექსტი უნდა შეიცავდეს ყველაზე სრულ ინფორმაციას, რომელიც ახასიათებს გვერდის შინაარსს.
მას შემდეგ, რაც საჭირო სათაური tag, ეს არის სურვილისამებრ, მაგრამ არა პატარა მნიშვნელოვანი მეტა tag. ეს tag არის ერთი. ამ tag გამოყენებით, აღწერილობა არის მითითებული გვერდზე (აღწერა) და მისი საკვანძო სიტყვები (საკვანძო სიტყვები).
გარდა ამისა, შემოსული tag meta. შეიძლება იყოს მონაცემები გვერდის ავტორისა და მეტადატის სხვა თვისებების შესახებ. თქვენ შეგიძლიათ აკრძალონ გვერდზე, როგორც მთელი საძიებო სისტემებისთვის. Დადება ავტომატური განახლება გვერდები 20 წამის შემდეგ ან 5 წამში, რასაც მოჰყვება სხვა გვერდზე გადასვლა.
ეს მეტა ელემენტები შეიძლება გარკვეულწილად იყოს, რადგან მათ შეუძლიათ შეასრულონ სრული ინფორმაცია. დანარჩენი მომხმარებლები ბრაუზერში გახსენით, ვერ ხედავთ ყველა თქვენს აღწერას, ეს ყველაფერი რჩება თვალში.
5.
ამბობს ბრაუზერი, რომ ყველა ამ tags შორის ყველა უნდა იყოს ნაჩვენები ფანჯარაში თქვენი ბრაუზერის. აქ არის ძირითადი tags, რომელიც შეიძლება იყოს წარმოდგენილი თითოეულ დოკუმენტში. სხეულის tag ემსახურება როგორც მთავარი გვერდი გვერდზე, რომელიც მოიცავს ყველა მისი შინაარსი. ეს tag არის მიზანშეწონილი გახსნა და დასასრულს დოკუმენტის არ უნდა დაგვავიწყდეს, რომ დახურვა.
6. DOCTYPE ელემენტი
თითოეული დოკუმენტი ასევე უნდა განისაზღვროს აქ, ვიდრე Doctype ელემენტზე. რა არის საჭირო და რა უნდა იყოს მასში. როგორც წესი, ხალხი არ არის ბევრად სარგებლობდა ამ ხაზებით, დააკოპირეთ თავს დოკუმენტებში და მშვიდად მუშაობენ. ეს საქონელი აცხადებს, რომ ბრაუზერი, რომელიც HTML- ის ვერსიას იყენებს, რა არის დოკუმენტის აღწერა, რომელიც გამოიყენება, რომ კოდირება გამოიყენება, რა საკვანძო სიტყვები შედის, ვინ არის ავტორი და რა ეწოდება გვერდს.
ისინი, როგორც წესი, თავიდანვე. არსებობს რამდენიმე ვარიანტი და ისინი განსხვავდებიან ერთმანეთისგან, მე დავწერე ერთი მაგალითი, რომელიც ყველაზე ხშირად გამოიყენება. ეს workpiece შეიძლება გამოყენებულ იქნას როგორც მზა ნიმუში. შემდეგი იქნება თითოეული ხაზის ნათელი აღწერა, არ უნდა იყოს პრობლემები.
ეს არის საიტის მთავარი გვერდი.
აშენებულია საიტის მთავარი სტრუქტურა. ჩვენი საიტის დარჩენილი გვერდები შედგება იმავე ძირითადი ტეგებისგან, რომლებიც აუცილებელია სხვების დამატებით ლამაზი დეკორი, მაგიდის შექმნა, მენიუს შექმნა, ჯავის სკრიპტებს და ა.შ.
ახლა პატარა სიტყვები JavaScript- ის შესახებ.
1. HTML დოკუმენტში JavaScript კოდექსის შესაქმნელად, საკმარისია რეგისტრაცია მასში. Მაგალითად:
//Код JavaScript
2. Для того чтобы подключить отдельный файл кода JavaScript, достаточно прописать следующий код:
3. Теперь напишем традиционный первый скрипт, который покажет нам как работает JavaScript. Для этого создадим произвольный html документ следующего содержания:
Начало документа...
document.write("Этот текст написан с использованием JavaScript");
Конец документа
Метод document .write () - предназначен для вывода в документ строки, указанной в качестве параметра данного метода. Если данный метод вызывается в процессе загрузки документа, то он выводит строку в текущем месте.
Теперь перейдем к рассмотрению нашего сайта и кода.
Как я уже говорил, JavaScript можно внедрить в html страницу двумя способами:
1. Разместить код JavaScript внутри тэгов.
2. Подключить отдельный файл JavaScript в котором находится сам код JavaScript.
Рассмотрим первый вариант.
На главной странице нашего сайта в левом блоке расположена ссылка на примеры использования JavaScript. Если перейти по этой ссылке, то первое что мы увидим, это всплывающее окно с надписью: “Всплывающее окно”. Это первый пример JavaScript. Исходный код следующий:
Пример 1. Всплывающие сообщение.
alert("Всплывающее окно");
Ссылка
Здесь основная операция это alert, она выводит модальное окно с сообщением. Посетитель не сможет продолжить работу, пока не нажмет на кнопку "ОК" в модальном окне.
Следующий пример JavaScript это изменение цвета окна при наведении на нее мыши. Исходный код следующий: