| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |
JavaScript objekt okno sedí na vrcholu JavaScript Object hierarchie a představuje okně prohlížeče (nebo windows, pokud máte více než jedno okno prohlížeče otevřít v jednom okamžiku). Až do této kapitoly jsme se zaměřili na vnitřní a syntaxi JavaScriptu. V této kapitole začneme dělat věci na obrazovce (což je koneckonců jedním z hlavních účelů JavaScriptu). Okna objektu umožňuje vývojářům provádět úkoly, jako je otevírání a zavírání oken prohlížeče, zobrazení upozornění a rychlé dialogy a nastavení časových limitů (určení akce se bude konat po určitou dobu). Ačkoli jsou časové limity funkcí objektu okna, pokryjeme je v kapitole časové limity JavaScriptu, spíše než v této kapitole.
Odkazující JavaScript Objekt okno
Jako pokryté v Javascriptu Objekt Základy, je obvykle nutné použít dot-notace při přístupu k vlastnosti nebo metody objektu. Například následující skript fragment přistupuje write() metoda objektu dokumentu:
document.write("Hello");
okna objekt je top-level object objektu hierarchie. Jako takový, kdykoli je ve skriptu odkazována metoda nebo vlastnost objektu bez názvu objektu a předpony dot, předpokládá se, že JavaScript je členem objektu okna. To například znamená, že při volání metody okno alert () pro zobrazení dialogového okna upozornění. předpona není povinná. Proto následující volání metody dosahují stejné věci:
window.alert();alert()
zpráva této ad JavaScript Objekt okno Vlastnosti
JavaScript objekt okno obsahuje řadu vlastností, které mohou být kontrolovány a používány ve skriptu:
- okno.zavřeno-Používá se při manipulaci s více okny, tato vlastnost označuje, zda bylo okno uzavřeno nebo ne.
- okno.defaultstatus / okno.status-defaultstatus určuje výchozí zprávu zobrazenou ve stavovém řádku prohlížeče. stav určuje dočasnou zprávu, která se má zobrazit ve stavovém řádku prohlížeče místo výchozího nastavení. Zakázáno v mnoha prohlížečích.
- okno.rámečky-pokud okno obsahuje rámečky, toto pole obsahuje pole objektů rámců (viz podrobnosti polí JavaScriptu o přístupu k polím).
- window.name -okna otevřená skriptem musí mít jméno. Tato vlastnost obsahuje název odpovídajícího objektu okna.
- okno.otvírák-když bylo okno otevřeno ve skriptu obsaženém v jiném okně, tato vlastnost podřízeného okna obsahuje referenční okno, které jej otevřelo.
- okno.rodič – při práci s rámečky v okně tato vlastnost obsahuje odkaz na objekt okna, který obsahuje rámeček.
- okno.displej – objekt, který obsahuje informace o displej, na kterém okně se zobrazí (vlastnosti obsažené v tomto objektu patří výška, šířka, availHeight, availWidth a colorDepth).
- okno.self-odkaz na aktuální okno.
- okno.top-odkaz na okno nejvyšší úrovně při práci s rámečky.
Otevření Okna Prohlížeče pomocí Javascriptu
nové okno prohlížeče lze otevřít z JavaScript skript pomocí metody open() objektu window. Syntaxe pro otevření nového okna je následující:
newWindowObj = window.open("URL", "WindowName", "feature, feature, feature ... ");
následující text nabízí vysvětlení, argumenty předány do metody open ():
- URL – Určuje URL webové stránky, kterou chcete načíst do nového okna. Pokud není zadána žádná adresa URL, načte se prázdné okno.
- WindowName-určuje název okna a slouží k označení okna.
- funkce-čárkami oddělený seznam funkcí, které vám umožní přizpůsobit vzhled okna. Možnosti jsou:
| Nastavení | Vysvětlení |
|---|---|
| šířka | Určuje počáteční šířku prohlížeče klientského okna (viz innerWidth pro velikost oblasti obsahu) |
| výška | Určuje počáteční výška prohlížeče klienta okno (viz innerHeight pro velikost oblasti obsahu) |
| innerWidth | Určuje počáteční šířku okna oblasti obsahu |
| innerHeight | Určuje počáteční výška okna obsah oblast |
| outerWidth | Určuje počáteční šířka navigátor okno |
| outerHeight | Určuje počáteční výšku navigátoru |
| panel nástrojů | Určuje, zda okno by mělo obsahovat prohlížeč panel nástrojů, nebo ne |
| stav | Určuje, zda je okno, by měla obsahovat ve stavovém řádku prohlížeče nebo ne |
| závislé | Určuje, zda okno by se mělo zavřít v souzvuku s jeho nadřazené okno |
| řádek | Určuje, zda okno by mělo obsahovat prohlížeče v menu |
| umístění | Určuje, zda okno by mělo obsahovat prohlížeče místo/URL pole |
| posuvníky | Skrývá/Zobrazuje prohlížeč horizontální/vertikální posuvníky |
| velikost | Určuje, zda uživatel má právo na změnu velikosti okna poté, co se objeví. |
| adresáře | určuje, zda má okno obsahovat osobní panel nástrojů prohlížeče. |
| copyHistory | Určuje, zda se nové okno by mělo obsahovat kopii adresy URL, historie vyvolání okna |
| levá | Zadaný počet pixelů z levé strany obrazovky do nového okna |
| horní | Zadaný počet pixelů z horní části obrazovky do nového okna |
| alwaysLowered | Vytvoří nové okno, které je vždy umístěné pod ostatní okna prohlížeče. Často se používá pro ty otravné pop-under reklamy. |
| alwaysRaised | Vytvoří nové okno, které je vždy umístěno nad ostatními okny prohlížeče na obrazovce. |
| z-lock | uzamkne úroveň, na které se prohlížeč objevuje ve vztahu k jiným oknům prohlížeče. |
funkce výšky, šířky a polohy se nastavují pomocí čísel. Zbývající možnosti funkce lze nastavit pomocí true nebo false hodnoty (také ano, ne a 1 a 0 mohou být použity místo true a false). Chybějící atribut je považován za nepravdivý. Následující příklad vytvoří nové okno s menubar, konkrétní rozměr a bez nástrojů:
newWindowObj = window.open("URL", "WindowName", "toolbar=0, menubar=1, innerHeight=200, innerWidth=300");
Zavření Okna Prohlížeče pomocí Javascriptu
okno lze zavřít pomocí okna objektu metody close (). Název okna (zadaný v metodě open ()) by měl být odkazován při provádění zavření, abyste si byli jisti, že zavřete správné okno. Například následující kód vytvoří nové okno a vytvoří tlačítko, které po kliknutí zavře nové okno:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Close Window" onclick="newWindowObj.close()" /></form>
je také možné, aby zavřete okno, které se otevřely aktuálního okna pomocí otvíráku vlastnosti aktuálního okna objekt:
window.opener.close()
zavřete okno, které se otevřelo okno, ve kterém výše uvedený skript je spuštěn.
Přesouvání a změna Velikosti Oken
okno lze přesunout na konkrétní souřadnice na obrazovce pomocí okna objektu moveTo() metoda, která bere souřadnice x a y jako argumenty. Následující příklad přesune nové okno do umístění 100, 200 na obrazovce po stisknutí tlačítka „přesunout okno“:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Move Window" onclick="newWindowObj.moveTo(100, 200)" /></form>
kromě přesunutí okna na konkrétní nového umístění, je také možné přesunout okno vzhledem k jeho aktuální pozici na obrazovce pomocí moveBy() metody JavaScript window objekt. Metoda opět bere hodnoty x a y, které se přidávají k aktuálním souřadnicím x a y zadaného okna. Záporné hodnoty lze použít ke změně směru pohybu:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Move Window" onclick="newWindowObj.moveTo(100, 200)" /></form>
okna resizeTo() a resizeBy() metody pracují podobně v tom, že umožňují měnit velikost okna a to buď na určitou velikost, nebo na novou velikost v poměru k aktuální velikosti.
Změna ostření okna
Když je okno aktuálně vybraným oknem na obrazovce, říká se, že má zaostření. Kliknutím na ukazatel myši v okně se toto okno obvykle zaostří. Pomocí JavaScriptu je možné programově změnit zaostření okna pomocí metod focus() a blur (). Následující příklad zobrazí nové okno, stírá to tak, že otevření okna stále má zaměřit a poskytuje tlačítko pro přepnutí soustředit do nového okna:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");newWindowObj.blur();</script><form action="null"> <input type="button" value="Focus New Window" onclick="newWindowObj.focus()" /></form>
Zobrazení Zprávy Box Dialogy
JavaScript okno objekt poskytuje metody pro zobrazení tři typy zpráv dialogy, upozornění, potvrzení a rychlé dialogy:
- upozornění – určené k zobrazení zprávy pro uživatele. Obsahuje oblast zpráv, kde se má zobrazit výstražná zpráva, a tlačítko“ OK“, na které může uživatel kliknout, aby dialogové okno odmítl. Metoda alert () má jediný argument představující zprávu, která se má zobrazit v dialogu. Následující webové stránce fragment zobrazí varovné okno se zprávou „nemáte platné heslo“, když „Show Alert“, kliknete na tlačítko:
<form action="null"> <input type="button" value="Show Alert" onclick="window.alert('You do not have a valid password')" /></form>
- potvrzení – používá se, když ano nebo ne odpověď musí být získány od uživatele. Tento typ dialogu se zobrazí se zprávou a tlačítky“ OK „a“ zrušit“. Potvrdit() metoda bere zprávu, která se zobrazí uživateli jako argument a vrací true nebo false v závislosti na tom, zda uživatel stiskl „OK“ nebo „Cancel“:
<script language="JavaScript" type="text/javascript">function showConfirmation(){ var result = confirm("Would you like to continue?"); if (result) document.write("Continue"); else document.write("Do not continue");}</script><form action="null"> <input type="button" value="Show Confirmation" onclick="showConfirmation()" /></form>
- řádek – navržen tak, aby informace získané od uživatele. Dialog se skládá ze zprávy uživateli, textového pole pro zadávání dat a tlačítek OK a storno. Metoda prompt () vezme zprávu, která má být zobrazena jako argument, a vrátí hodnotu zadanou uživatelem:
<script language="JavaScript" type="text/javascript">function showPrompt(){ var userInput = prompt("Please enter your name:"); document.write("Hello, " + userInput);}</script><form action="null"> <input type="button" value="Show Prompt" onclick="showPrompt()" /></form>
| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |