Wanneer een HTML-document tijdens runtime in het browservenster wordt geladen, wordt dit document een documentobject dat toegang geeft tot alle HTML-elementen die erin worden weergegeven. Het wordt geleverd met een breed scala aan methoden en eigenschappen die helpen bij het uitvoeren van speciale taken. De ' basen ” is zo'n eigenschap die specifiek is ontworpen om de basis-URI (adres van de huidige webpagina) van het HTML-document te retourneren. Het is handig om de basis-URI te vinden die de gebruiker het domein, de bron en de locatie van de opgegeven HTML-documenten vertelt.
Dit bericht demonstreert de werking van de eigenschap 'baseURI' van het document in JavaScript.
Wat doet de eigenschap 'baseURI' van het document in JavaScript?
De ' basen Alleen-lezen eigenschap van het object 'document' geeft de basis-URI (Uniform Resource Identifier) van het opgegeven document weer. De 'baseURI' is een absolute URT die de documentlocatie specificeert. Deze eigenschap retourneert de documentbasis-URI in de vorm van een 'tekenreeks'.
Syntaxis
document.baseURI
De bovenstaande syntaxis vereist geen aanvullende parameter om de gedefinieerde taak uit te voeren.
Laten we de hierboven gedefinieerde eigenschap in het voorbeeld gebruiken om de praktische implementatie ervan te bekijken.
Voorbeeld: de basis-URI van het document ophalen met behulp van de eigenschap 'baseURI'.
In dit voorbeeld wordt de eigenschap 'baseURI' toegepast met het object 'document' om de huidige basis-URI van het document te verkrijgen.
HTML code
Kijk eerst naar de onderstaande code:
< h2 > Document baseURI Eigenschap in javascript h2 >< knop bij klikken = 'jsFunc()' > BaseURI ophalen knop >
< P ID kaart = 'steekproef' > P >
Volgens het bovenstaande codefragment:
- De ' ”-tag voegt een subkop van niveau 2 toe.
- De '
”-tag specificeert een knop met een gekoppelde muisgebeurtenis 'onclick'-gebeurtenis die de JavaScript-functie 'jsFunc()' aanroept wanneer de gebeurtenis wordt geactiveerd. - De ' ”-tag maakt een lege alinea met een toegewezen id 'sample' om deze toe te voegen aan de huidige documentbasis-URI.
JavaScript-code
Ga nu verder met de JavaScript-code:
< script >functie jsFunc ( ) {
laten t = document.baseURI;
document.getElementById ( 'steekproef' ) .innerHTML = ' De basis-URI van het huidige document is: ' + t;
}
script >
In de hierboven verstrekte code:
- De door de gebruiker gedefinieerde functie ' jsFunc() ” declareert eerst een variabele met de naam 't' die de eigenschap 'document.baseURI' gebruikt.
- Pas daarna de ' getElementById() '-methode om de lege paragraaf op te halen met de id als 'sample' om de variabele 't' geretourneerde waarde weer te geven, d.w.z. basis-URI.
Uitgang
Hier geeft de bovenstaande uitvoer de basis-URI van het huidige document weer via de ' document.baseURI ” eigendom op de knop klik dienovereenkomstig.
Conclusie
javascript ' document ' voorwerp ' basen ” eigenschap is handig om de opgegeven documentbasis-URI op te halen. Het biedt een tekenreekswaarde die de basis-URI van de actieve webpagina vertegenwoordigt. Het is een alleen-lezen eigenschap die niet afhankelijk is van aanvullende parameters om deze functionaliteit uit te voeren. Dit bericht demonstreerde in het kort de werking (met praktische implementatie) van de eigenschap 'baseURI' van het document in JavaScript.