Location objektum

Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban

Location objektum
A location objektum bemutatása
Elemváltozók (tulajdonságok) :
hash		Hivatkozási név az URL-en belül
host		Domain az URL-en belül
hostname		Domain név az URL-en belül
href		URL hivatkozási az URL-en belül
pathname		Path (elérési út) az URL-en belül
port		Port az URL-en belül
protocol		Protokoll az URL-en belül
search		Keresési paraméter az URL-en belül
Elemfüggvények (metódusok) :
reload()		HTML fájl újratöltése
replace()		HTML fájl újratöltése a History bejegyzés felülírásával

A location objektumum bemutatása

A location objektum segítségével, mely az objektum hierarhiában a window alatt helyezkedik el, hozzáférhetünk a böngésző ablakába betöltött WWW oldal URL címéhez illetve annak egy részéhez is. Az URL cím módosításával a böngésző egy ugrást hajt végre az új címre.

Példa:

window.location.href = "fájl2.htm";
sajatDomain = location.host;

parent.frames[1].location.href = "fájl2.htm";
masikablak.host = "www.valami.hu";

Magyarázat:

A location objektum metódusait a location vagy window.location módon hívhatjuk meg. Az ablak nevét, mivel az aktuális ablakról van szó, nem kötelező megadni. Ha azonban egy másik ablakba vagy Frame-be szeretnénk betölteni, akkor az ablakot korrektül meg kell címezni. A témához kapcsolódnak a következő fejezetek : A window objektum használata továbbá A Frame objektum bemutatása

hash

Megadja a <a name= (ahol : a = anchor = horgony) hivatkozási pont nevét, melyet a HTML fájlban az URL címen belül definiáltunk.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
function mutat()
 { alert(window.location.hash); }
</script>
</head><body>
<a href="#a2">Ez itt az a2-re visz, elsőnek ide kattintson !</a> <p>
<a name="a2" href="javascript:mutat()">Ez itt az a2,most ide !</a>
</body></html>

Magyarázat:

A példában két hivatkozást definiáltunk. Ha az elsőre kattintunk az elvisz bennünket egy másik URL címre, melyet ugyanebben a HTML fájlban deklaráltunk. Ennek a hivatkozási pontnak a neve : a2. A hívó ponton a kettős kereszt használata kötelező, majd utána a név áll. A hash ugyanezt a nevet írja ki.

host

Megadja az aktuális ablakba/ Frame-be betöltött : URL címben levő szervert vagy IP címét.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 alert("A szerver neve : " + window.location.host);
</script>
</head><body>
</body></html>

hostname

Megadja az aktuális ablakba/ Frame-be betöltött : URL címben levő szerver nevét vagy IP címét. A különbség a host -hoz képest, hogy sub Domain-t és Port-ot is megad.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 alert("A szerver neve : " + window.location.hostname);
</script>
</head><body>
</body></html>

href

Megadja az aktuális ablakba/ Frame-be betöltött teljes URL címet.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
function hivas() {
 cel = window.prompt("Kérem a hívandó URL címet :","");
 window.location.href = cel ;
} 
</script>
</head><body>
<a href="javascript:hivas()">Hívási hely</a>
</body></html>

Magyarázat:

A példában egy hivatkozási pontot definiáltunk. Ha erre rákattintunk , akkor egy adatbeviteli ablakban megadahatjuk az új URL címet, ahova ugrani szeretnénk.Ha ugyanabban a katalógusban van a fájl, ahol éppen vagyunk, akkor nem szükséges a teljes URL cím megadás.

pathname

Megadja az aktuális ablakba/ Frame-be betöltött : URL címben levő gépnév utáni részét a hash -ig bezárólag. Ha helyi címről van szó (HTTP protokoll nélkül) , akkor az elérési útvonalat adja meg.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 alert("Elérési út: " + window.location.pathname);
</script>
</head><body>
</body></html>

port

Megadja az aktuális ablakba/ Frame-be betöltött : URL címben levő port-ot , Pl : http://www.valami.hu:5080
A port elemváltozónak csak akkor van értéke, ha az aktuális URL címben valóban van port megadás.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
if(window.location.port != "")
 alert(window.location.port);
</script>
</head><body>
</body></html>

Magyarázat:

A példában megvizsgáljuk, hogy az aktuális URL címben van-e port megadás, ha igen akkor kijelezzük azt. A HTTP Protokoll esetében a szokványos port érték : 80

protocol

Megadja az aktuális ablakba/ Frame-be betöltött : URL címben levő, alkalmazott protokoll -t. HTTP cím esetében http: helyi hivatkozáskor (HTTP protokoll nélkül) file: -t ad meg.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 alert(window.location.protocol);
</script>
</head><body>
</body></html>

search

Meghatározza az aktuális ablakba/ Frame-be betöltött : URL címben levő kérdőjel után megadott karakterláncot, majd betölti az új URL címet, ha talált a maszknak megfelelőt.

Példa:http://www.valami.hu/index.htm?Browser=Netscape, ahol a ?Browser=Netscape -re kereünk rá.

Példa:

<html><head><title>Teszt</title>
if(window.location.search != "")
 alert(window.location.search);
</script>
</head><body>
</body></html>

Magyarázat:

A példában a HTML fájl betöltésekor megvizsgáljuk, hogy az URL címben van -e egy keresés megadás egy másik URL címre vonatkoztatva. Ha igen akkor azt kijelezzük egy figyelmeztető ablakban. Netscape böngésző esetében a href segítségével egy másik fájlból (pl. kérdőív) is kérhetünk le adatokat . Ezáltal megoldható a kommunikáció a fájlok között.

reload()

Újra tölti a WWW oldalt. Hatása ugyanaz mint a böngésző Reload gombjának megnyomása.

Példa:

<a href="javascript:location.reload()">Reload</a>

replace()

Rátölti az új URL címet az ablakra (vagy Frame-re) anélkül, hogy új history bejegyzést csinálna, ezáltal az előzőleg meglátogatott oldal már nem választható ki. Hatása hasonló a href -hez.

Példa:

<a href="javascript:location.replace('fájl2.htm')">Fájl 2</a>

Készült : 1999-08-31. Lengyel Sándor