Script-uri personalizate Browserul este programe scrise pe JavaScript efectuat în browser-ul utilizatorului când se încarcă pagina. Ele vă permit să completați automat formularele, reformați paginile, să ascundeți conținutul nedorit și să încorporați conținutul dorit pentru a afișa conținutul, modificați comportamentul părții clientului de aplicații web, adăugați comenzi la pagină etc.
Pentru a gestiona scripturile de utilizator în MozillafireFox, utilizează extensia Greaseemonkey; GoogleChrome Operae oferă instrumente de asistență pentru script de utilizator și caracteristici pentru a efectua o serie de scripturi de Greaseemonkey.
Aplicații serverului
Aplicațiile scrise în JavaScript pot fi executate pe servere folosind Java 6 sau mai mult versiuni târzii . Această circumstanță este utilizată pentru a construi aplicații server care vă permit să procesați JavaScript pe partea serverului.
În plus față de Java 6, există o serie de platforme utilizând motoarele existente (interpreți) JavaScript pentru a executa aplicațiile serverului. (De regulă, despre care vorbim reutilizare Motoarele create anterior pentru a executa codul JavaScript în browserele WWW.)
Partea practică
În acest curs de lucru vom folosi program gratuit Pentru a crea un site web - un mini-site. În acest program, putem pregăti șablonul principal al site-ului nostru, marcajul blocului, dimensiunile blocului, pregătirea paginilor necesare și așa mai departe.
Pentru subiectul site-ului, site-ul oficial al rănilor IFHIBPP a fost luat, locul căruia a fost proiectat pentru CMSJOOMLA!
Când creați un site, vom analiza codul sursă al paginii principale HTML și vom vedea ce constă în.
Orice pagină scrisă în HTMLLS ar trebui să conțină următoarele rânduri sau etichete:
1.
Acest cod este prezent în absolut în fiecare document, acesta indică browser-ului că totul plasat între aceste etichete este codul HTML. Este rădăcina documentului în sine, tot ceea ce este prezent în spatele acestei etichete nu mai este inclus în document și nu este perceput de browsere. La începutul documentului, eticheta se deschide și chiar la sfârșit trebuie să fie închisă în mod necesar.
2.
Întreaga secțiune a acestei etichete conține toate informații tehnice Document. La fel ca eticheta anterioară, capul ar trebui să fie deschis și este închis la sfârșit. Aceste informații includ un titlu de pagină, descrierea, cuvintele cheie pentru motoarele de căutare și codificarea. Despre codarea este puțin mai mică.
3.
Această etichetă este inclusă în cap, trebuie să fie scrisă în interiorul etichetei capului. Această etichetă de titlu este obligatorie și trebuie să fie prezentă în fiecare hTML Document.e. În plus, este afișat ca titlu de fereastră al browserului. Lungimea unui astfel de antet nu trebuie să depășească 60 de caractere. Textul unui astfel de antet ar trebui să conțină cele mai complete informații care caracterizează conținutul paginii.
După eticheta de titlu necesară, este opțională, dar nu o mică etichetă Meta importantă. Această etichetă este unică. Folosind această etichetă, descrierea este setată pentru pagina (descriere) și cuvintele cheie (cuvinte cheie).
În plus, în tag Meta. Pot exista date despre autorul paginii și a altor proprietăți ale metadatelor. Puteți interzice indexarea paginii ca întreg pentru motoarele de căutare. A pune actualizare automata Pagini după 20 de secunde sau în 5 secunde, urmată de trecerea la o altă pagină.
Aceste elemente meta pot fi oarecum, deoarece pot purta informații absolut diferite. Restul utilizatorilor atunci când deschideți pagina din browser, nu vă vedeți toate descrierile dvs., toate acestea rămân ascunse de ochi.
5.
Spune că browserul pe care toate sunt plasate între aceste etichete ar trebui să fie afișat în fereastra browserului dvs. Iată etichetele principale care pot fi prezente în fiecare document. Tag-ul corpului servește drept corp principal al paginii, care include toate conținutul său. Această etichetă este recomandabilă să se deschidă și la sfârșitul documentului nu uitați să închideți.
6. Elementul doctype.
Fiecare document ar trebui, de asemenea, specificat aici decât elementul Doctype. Ce este necesar și ce ar trebui să fie în ea. De obicei, oamenii nu se bucură foarte mult de aceste linii, se copiază în documente și lucrează calm. Aceste elemente spun că browserul, care versiunea HTML este utilizată în document, care este descrierea paginii pe care o codifică codarea, ce cuvinte cheie sunt incluse, cine este autorul și ceea ce se numește pagina.
Ele sunt de obicei puse la început. Există mai multe opțiuni și toate diferă unul de celălalt, voi scrie un exemplu, care este folosit cel mai des. Această piesă de prelucrat poate fi folosită ca un model gata realizat. În continuare va fi o descriere clară a fiecărei linii, nu ar trebui să existe probleme cu acest lucru.
Aceasta este prima pagină a site-ului.
Structura principală a site-ului este construită. Paginile rămase ale site-ului nostru constau din aceleași etichete majore cu adăugarea altora necesară pentru frumos decor, creând tabele, creând un meniu, conectați scripturile Java și așa mai departe.
Acum câteva cuvinte despre JavaScript.
1. Pentru a implementa codul JavaScript într-un document HTML, este suficient să îl înregistrați în interiorul etichetei. De exemplu:
//Код JavaScript
2. Для того чтобы подключить отдельный файл кода JavaScript, достаточно прописать следующий код:
3. Теперь напишем традиционный первый скрипт, который покажет нам как работает JavaScript. Для этого создадим произвольный html документ следующего содержания:
Начало документа...
document.write("Этот текст написан с использованием JavaScript");
Конец документа
Метод document .write () - предназначен для вывода в документ строки, указанной в качестве параметра данного метода. Если данный метод вызывается в процессе загрузки документа, то он выводит строку в текущем месте.
Теперь перейдем к рассмотрению нашего сайта и кода.
Как я уже говорил, JavaScript можно внедрить в html страницу двумя способами:
1. Разместить код JavaScript внутри тэгов.
2. Подключить отдельный файл JavaScript в котором находится сам код JavaScript.
Рассмотрим первый вариант.
На главной странице нашего сайта в левом блоке расположена ссылка на примеры использования JavaScript. Если перейти по этой ссылке, то первое что мы увидим, это всплывающее окно с надписью: “Всплывающее окно”. Это первый пример JavaScript. Исходный код следующий:
Пример 1. Всплывающие сообщение.
alert("Всплывающее окно");
Ссылка
Здесь основная операция это alert, она выводит модальное окно с сообщением. Посетитель не сможет продолжить работу, пока не нажмет на кнопку "ОК" в модальном окне.
Следующий пример JavaScript это изменение цвета окна при наведении на нее мыши. Исходный код следующий: