script - Kurs HTML i CSS
HTML5 / Asynchroniczne ładowanie skryptów <script src async>(interpretuje: Internet Explorer 10, Firefox 3.6, Opera 15, Chrome 8) <script src="lokalizacja" async></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny plik ze skryptem Na stronach internetowych można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W...
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
(interpretuje: Opera 91, Chrome 105) Zewnętrzny arkusz stylów CSS: <link rel="stylesheet" href="style.css" blocking="render"> Skrypt JavaScript: <script blocking="render"></script> Wewnętrzny arkusz stylów CSS: <style blocking="render">...</style> style.css Lokalizacja zewnętrznego arkusza stylów CSS Przeglądarka internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...Zewnętrzny zasób - wersja rozszerzona: <link href="lokalizacja" crossorigin="uwierzytelnienie"> Zewnętrzny skrypt JavaScript - wersja podstawowa: <script src="lokalizacja" crossorigin></script> Zewnętrzny skrypt JavaScript - wersja rozszerzona: <script src="lokalizacja" crossorigin="uwierzytelnienie"></script> Odtwarzacz filmów wideo - wersja podstawowa: <video src="lokalizacja" crossorigin></video> Odtwarzacz filmów wideo - wersja rozszerzona: <video src="lokalizacja...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...fetchpriority="priorytet"> Zewnętrzny zasób: <link href="lokalizacja" fetchpriority="priorytet"> Zewnętrzny skrypt JavaScript: <script src="lokalizacja" fetchpriority="priorytet"></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób priorytet Należy wybrać jedną z następujących wartości: high - wskazany zasób załaduje się wcześniej względem innych tego samego rodzaju. low - wskazany zasób załaduje się...
- Komendy HTML 4.01 / SCRIPT
Wstawia skrypt do dokumentu. Może się pojawić wielokrotnie wewnątrz HEAD oraz BODY. Skrypty mogą korzystać ze zdarzeń, wygenerowanych przez inne elementy. Jeśli skrypt nie został wykonany, to znacznik NOSCRIPT pozwala określić treść alternatywną. Atrybuty: CHARSET="kodowanie" Określa sposób kodowania znaków zasobu, wyznaczonego przez odnośnik DEFER Podaje, że skrypt niczego nie wyświetla LANGUAGE="język" Określa język skryptowy (zdeprecjonowane - należy używać atrybutu TYPE)...
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...będzie się nieco różnił w zależności do wersji użytego języka (X)HTML (patrz poniżej). HTML5 W języku HTML5 można to zrobić następująco: <script> /* Tutaj umieść kod skryptu. */ </script> Jeżeli ten sam skrypt chcemy osadzić na kilku podstronach, możemy zapisać go w pliku z rozszerzeniem *.js i potem wstawić do niego odwołanie: <script src="plik.js"></script> Dodatkowo w tym przypadku do znacznika SCRIPT można dodać atrybut logiczny async, dzięki któremu przeglądarka wczyta w tle...
Aktualizacja / Nowość...zaśmiecał źródła dokumentu. Aby zasygnalizować nowość, należy wstawić w treści nagłówkowej dokumentu (wewnętrz <head>...</head>) następujący kod: <script> function nowosc(dzien, miesiac, rok, godzina, minuta, napis, obrazek) { var obrazek_domyslny = 'nowosc.gif'; // lokalizacja obrazka var napis_domyslny = 'NOWOŚĆ'; // tekst alternatywny if (typeof obrazek == 'undefined') obrazek = obrazek_domyslny; if (typeof napis == 'undefined') napis = napis_domyslny; if (typeof godzina...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...</dl> </dd> <dd> <dl> <dt><a href="...">CSS</a></dt> <dd><a href="...">...</a></dd> <dd><a href="...">...</a></dd> </dl> </dd> </dl> <script> new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true); </script> oraz dołączyć następujący arkusz CSS: #menu0, #menu0 dl { font-size: 12px; position: absolute; width: 150px; margin: 0; padding: 0; border-width: 1px; border-style: solid; border-color: #eee #aaa #aaa #eee; } #menu0 dt { cursor: pointer...
- Aktualizacja / Data aktualizacji strony
...returner += formats[c]; } } return returner; } Następnie w treści nagłówkowej dokumentu (wewnątrz <head>...</head>) wstaw jeden raz: <script src="date.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku date.js. Teraz wystarczy wkleić na stronie w wybranym miejscu przykładowy kod: <script> document.write(new Date(document.lastModified).date('d.m.Y')); </script> Sposób wyświetlania daty można zmienić, podając w wyróżnionym...