Kohandatud skriptid brauseris on JavaScriptiga kirjutatud programmid, mis käivitatakse lehe laadimisel kasutaja brauseris. Need võimaldavad teil automaatselt vorme täita, lehti vormindada, soovimatu sisu peita ja kuvamiseks soovitud sisu manustada, muuta veebirakenduste kliendipoolset käitumist, lisada lehele juhtelemente ja palju muud.
Mozilla Firefox kasutab kohandatud skriptide haldamiseks Greasemonkey laiendust; Opera ja GoogleChrome pakuvad kohandatud skriptide tuge ja võimalust käivitada mitmeid Greasemonkey skripte.
Serverirakendused
JavaScripti rakendused võivad töötada serverites, kus töötab Java 6 või uuem hilisemad versioonid... Seda asjaolu kasutatakse serveripoolsete rakenduste loomiseks, mis võimaldavad JavaScripti serveripoolsel töötlemisel.
Lisaks Java 6-le on mitmeid platvorme, mis kasutavad serveripoolsete rakenduste käivitamiseks olemasolevaid JavaScripti mootoreid (tõlke). (Reeglina räägime sellest taaskasuta mootorid, mis on varem loodud JavaScripti koodi täitmiseks WWW brauserites.)
Praktiline osa
Sellel kursusel kasutame tasuta programm saidi loomiseks - minisait. Selles programmis saame ette valmistada oma veebisaidi põhimalli, blokeerida märgise, ploki suurused, valmistada ette vajalikud lehed jne.
Saidi teemaks võeti IFHiBPP RAS ametlik sait, mille sait töötati välja CMSJoomla!
Veebisaidi loomisel analüüsime oma html -põhilehe lähtekoodi ja vaatame, millest see koosneb.
Iga html -vormingus leht peab sisaldama järgmisi ridu või sildid:
1.
See kood on absoluutselt igas dokumendis, see ütleb brauserile, et kõik nende siltide vahele paigutatud on HTML -kood. See on dokumendi enda juur, kõik, mis selle sildi taga hiljem on, ei kuulu enam dokumenti ja brauserid ei taju seda. Dokumendi alguses avaneb silt ja lõpus tuleb see sulgeda.
2.
Selle sildi kogu jaotis sisaldab kogu tehniline informatsioon dokument. Nagu eelmine silt, peab ka pea olema lõpus avatud ja suletud. See teave sisaldab lehe pealkirja, selle kirjeldust, otsingumootorite märksõnu ja kodeeringut. Veidi allpool kodeerimise kohta.
3.
See silt on päises, see tuleb kirjutada peasildi sisse. See tiitlimärgend on kohustuslik ja see peab olema igas html dokument e. Lisaks kuvatakse see brauseriakna pealkirjana. Sellise pealkirja pikkus ei tohi ületada 60 tähemärki. Sellise rubriigi tekst peaks sisaldama kõige täielikumat teavet, mis iseloomustab lehe sisu.
Pärast nõutavat pealkirja silti on valikuline, kuid ka oluline metasilt. See silt on üksik. Seda märgendit kasutatakse lehe kirjelduse (kirjeldus) ja selle märksõnade (märksõnad) määramiseks.
Lisaks aastal metasilt võib sisaldada teavet lehe autori ja muude metaandmete atribuutide kohta. Otsingumootorite jaoks saate lehe tervikuna indekseerimise keelata. Pane automaatne värskendus 20 sekundi pärast või 5 sekundi pärast ja seejärel lülitage teisele lehele.
Selliseid metaelemente võib olla mitu, kuna need võivad kanda täiesti erinevat teavet. Teised kasutajad, kui nad avavad lehe brauseris, ei näe kõiki teie kirjeldusi, kõik see jääb vaate eest varjatuks.
5.
Annab brauserile teada, et kõik nende siltide vaheline peaks teie brauseriaknas kuvama. Siin on peamised sildid, mis võivad esineda absoluutselt igas dokumendis. Põhimärgend on lehe põhiosa, mis sisaldab kogu selle sisu. Soovitav on see silt avada ja ärge unustage seda dokumendi lõpus sulgeda.
6. Doctype element
Igal dokumendil peab olema ka see doctype -element määratud. Milleks see on mõeldud ja mis peaks selles olema. Tavaliselt inimestele need read väga ei meeldi, nad kopeerivad end dokumentidesse ja töötavad rahulikult. Need elemendid ütlevad brauserile, mis html versioon mida dokumendis kasutatakse, milline on lehe kirjeldus, millist kodeeringut kasutatakse, millised märksõnad on kaasatud, kes on autor ja milline on lehe nimi.
Tavaliselt paigutatakse need algusesse. Võimalusi on mitu ja need kõik erinevad üksteisest, kirjutan ühe näite, mida kasutatakse kõige sagedamini. Seda toorikut saab kasutada valmis mallina. Lisaks kirjeldatakse iga rida selgelt, sellega ei tohiks probleeme tekkida.
Nii näeb välja saidi pealeht.
Saidi põhistruktuur on nüüd valmis. Ülejäänud meie saidi lehed koosnevad samadest peamistest siltidest, millele on lisatud teisi vajalikke ilus disain, tabelite loomine, menüüde loomine, Java -skriptide ühendamine jne.
Nüüd paar sõna JavaScripti kohta.
1. Rakendamiseks JavaScripti kood html -dokumendis kirjutage see lihtsalt sildi sisse... Näiteks:
//Код JavaScript
2. Для того чтобы подключить отдельный файл кода JavaScript, достаточно прописать следующий код:
3. Теперь напишем традиционный первый скрипт, который покажет нам как работает JavaScript. Для этого создадим произвольный html документ следующего содержания:
Начало документа...
document.write("Этот текст написан с использованием JavaScript");
Конец документа
Метод document .write () - предназначен для вывода в документ строки, указанной в качестве параметра данного метода. Если данный метод вызывается в процессе загрузки документа, то он выводит строку в текущем месте.
Теперь перейдем к рассмотрению нашего сайта и кода.
Как я уже говорил, JavaScript можно внедрить в html страницу двумя способами:
1. Разместить код JavaScript внутри тэгов.
2. Подключить отдельный файл JavaScript в котором находится сам код JavaScript.
Рассмотрим первый вариант.
На главной странице нашего сайта в левом блоке расположена ссылка на примеры использования JavaScript. Если перейти по этой ссылке, то первое что мы увидим, это всплывающее окно с надписью: “Всплывающее окно”. Это первый пример JavaScript. Исходный код следующий:
Пример 1. Всплывающие сообщение.
alert("Всплывающее окно");
Ссылка
Здесь основная операция это alert, она выводит модальное окно с сообщением. Посетитель не сможет продолжить работу, пока не нажмет на кнопку "ОК" в модальном окне.
Следующий пример JavaScript это изменение цвета окна при наведении на нее мыши. Исходный код следующий: