Mida Document BaseURI atribuut JavaScriptis teeb?

Mida Document Baseuri Atribuut Javascriptis Teeb



Kui HTML-dokument laaditakse brauseriaknas käitamise ajal, muutub see dokument dokumendiobjektiks, mis annab juurdepääsu kõigile selles kuvatavatele HTML-elementidele. Sellel on lai valik meetodeid ja omadusi, mis aitavad täita eriülesandeid. ' alused ” on üks selline atribuut, mis on spetsiaalselt loodud HTML-dokumendi baas-URI (praeguse veebilehe aadressi) tagastamiseks. Kasulik on leida baas-URI, mis annab kasutajale teada määratud HTML-dokumentide domeeni, ressursi ja asukoha.

See postitus demonstreerib atribuudi Document 'baseURI' tööd JavaScriptis.







Mida teeb dokumendi „baseURI” atribuut JavaScriptis?

' alused 'Dokumendi objekti kirjutuskaitstud atribuut kuvab määratud dokumendi baas-URI (ühtne ressursiidentifikaator). „BaseURI” on absoluutne URT, mis määrab dokumendi asukoha. See atribuut tagastab dokumendibaasi URI stringi kujul.



Süntaks



document.baseURI





Ülaltoodud süntaks ei nõua määratletud ülesande täitmiseks täiendavaid parameetreid.

Kasutame ülaltoodud omadust näites, et näha selle praktilist rakendamist.



Näide: Dokumendi baasi URI toomine atribuudi „baseURI” abil

See näide rakendab atribuuti „baseURI” koos objektiga „document”, et saada praegune dokumendibaasi URI.

HTML-kood

Kõigepealt vaadake alltoodud koodi:

< h2 > Dokumendi alusURI atribuut sisse JavaScript h2 >
< nuppu onclick = 'jsFunc()' > Hankige baseURI nuppu >
< lk id = 'näidis' > lk >

Ülaltoodud koodilõigu järgi:

  • '

    ” silt lisab 2. taseme alampealkirja.

  • ' ” märgend määrab nupu, millele on lisatud hiiresündmus 'onclick' sündmus, mis kutsub sündmuse käivitamisel JavaScripti funktsiooni 'jsFunc()'.
  • '

    märgend loob tühja lõigu, millele on määratud ID 'näidis', et lisada see praeguse dokumendi baasi URI-ga.

JavaScripti kood

Nüüd jätkake JavaScripti koodiga:

< stsenaarium >
funktsiooni jsFunc ( ) {
lase t = document.baseURI;
document.getElementById ( 'näidis' ) .innerHTML = ' Praeguse dokumendi baasURI on: ' + t;
}
stsenaarium >

Ülaltoodud koodis:

  • Kasutaja määratud funktsioon ' jsFunc() ” deklareerib esmalt muutuja nimega “t”, mis kasutab atribuuti “document.baseURI”.
  • Pärast seda rakendage ' getElementById() ' meetod tühja lõigu toomiseks, mille id on 'proov', et kuvada muutuja 't' tagastatud väärtus, st baas-URI.

Väljund

Siin kuvab ülaltoodud väljund praeguse dokumendi baas-URI ' document.baseURI ” atribuuti klõpsake nupul vastavalt.

Järeldus

JavaScript ' dokument 'objekt' alused ” atribuut on kasulik määratud dokumendibaasi URI hankimiseks. See pakub stringiväärtust, mis esindab aktiivset veebilehe baas-URI-d. See on kirjutuskaitstud atribuut, mis ei sõltu selle funktsiooni täitmiseks täiendavatest parameetritest. See postitus demonstreeris lühidalt dokumendi „baseURI” atribuudi toimimist (koos praktilise rakendamisega) JavaScriptis.