Amikor egy HTML-dokumentum betöltődik a böngészőablakban futás közben, ez a dokumentum olyan dokumentumobjektummá válik, amely hozzáférést biztosít a benne megjelenő összes HTML-elemhez. Különleges feladatok elvégzését segítő módszerek és tulajdonságok széles skálájával érkezik. A ' bázisok ” az egyik ilyen tulajdonság, amelyet kifejezetten a HTML-dokumentum alap URI-jának (aktuális weboldal-címének) visszaadására terveztek. Hasznos megtalálni az alap URI-t, amely közli a felhasználóval a megadott HTML-dokumentumok tartományát, erőforrását és helyét.
Ez a bejegyzés bemutatja a dokumentum „baseURI” tulajdonságának működését JavaScriptben.
Mit csinál a „baseURI” dokumentumtulajdonság a JavaScriptben?
A ' bázisok ” a “dokumentum” objektum csak olvasható tulajdonsága a megadott dokumentum alap URI-ját (Uniform Resource Identifier) jeleníti meg. A „baseURI” egy abszolút URT, amely meghatározza a dokumentum helyét. Ez a tulajdonság „karakterlánc” formájában adja vissza a dokumentumalap URI-t.
Szintaxis
document.baseURI
A fenti szintaxis nem igényel további paramétereket a meghatározott feladat végrehajtásához.
Használjuk a fent definiált tulajdonságot a példában, hogy lássuk annak gyakorlati megvalósítását.
Példa: A dokumentumalap URI lekérése a „baseURI” tulajdonság használatával
Ez a példa a „baseURI” tulajdonságot alkalmazza a „document” objektummal az aktuális dokumentumalap URI lekéréséhez.
HTML kód
Először nézze meg az alábbi kódot:
< h2 > DokumentumbázisURI tulajdonság ban ben JavaScript h2 >< gomb kattintásra = 'jsFunc()' > Szerezze be a baseURI-t gomb >
< p id = 'minta' > p >
A fenti kódrészlet szerint:
- A ' ” címke 2. szintű alcímet ad hozzá.
- A '
” címke egy olyan gombot határoz meg, amelyhez egy csatolt egéresemény „onclick” esemény tartozik, amely meghívja a „jsFunc()” JavaScript-függvényt, amikor az esemény aktiválódik. - A ' ” címke egy üres bekezdést hoz létre egy hozzárendelt azonosító „mintával”, amely hozzáfűzi az aktuális dokumentumalap URI-jához.
JavaScript kód
Most folytassa a JavaScript kóddal:
< forgatókönyv >funkció jsFunc ( ) {
hagyja t = document.baseURI;
document.getElementById ( 'minta' ) .innerHTML = ' A jelenlegi dokumentum baseURI-ja: ' + t;
}
forgatókönyv >
A fent megadott kódban:
- A felhasználó által definiált funkció ' jsFunc() ” először deklarál egy „t” nevű változót, amely a „document.baseURI” tulajdonságot használja.
- Ezt követően alkalmazza a „ getElementById() ” metódus az üres bekezdés lekéréséhez, amelynek azonosítója „minta” a „t” változó visszaadott értékének, azaz az alap URI megjelenítéséhez.
Kimenet
Itt a fenti kimenet megjeleníti az aktuális dokumentum alap URI-jét a „ document.baseURI ” tulajdonság a gombra kattintva ennek megfelelően.
Következtetés
JavaScript ' dokumentum ' tárgy ' bázisok ” tulajdonság hasznos a megadott dokumentumalap URI lekéréséhez. Ez egy karakterlánc-értéket biztosít, amely az aktív weboldal alap-URI-ját képviseli. Ez egy csak olvasható tulajdonság, amely nem függ semmilyen további paramétertől a funkció végrehajtásához. Ez a bejegyzés röviden bemutatta a dokumentum „baseURI” tulajdonságának működését (a gyakorlati megvalósítással) JavaScriptben.