V JavaScripte sa analýza využíva na konverziu veľkého množstva neštruktúrovaných údajov do čitateľného a jednoduchšieho formátu. Údaje môžete analyzovať vo forme reťazcov, objektov a adries URL konkrétnej webovej lokality. Ak chcete analyzovať konkrétnu adresu URL v jazyku JavaScript, použite „ URL() “konštruktér. Vytvorí nový objekt URL s hostiteľom, názvom cesty, vyhľadávacím hashom a vlastnosťami hash.
Tento príspevok ilustruje metódu analýzy adresy URL na názov hostiteľa a cestu v jazyku JavaScript.
Analýza adresy URL (webovej adresy) na názov hostiteľa a cestu v jazyku JavaScript
Ak chcete analyzovať adresu URL na názov hostiteľa a cestu v jazyku JavaScript, použite adresu URL aktuálnej stránky pomocou „ window.location.href ' nehnuteľnosť. Okrem toho možno konkrétnu adresu URL analyzovať aj pomocou „ URL() “.
Pre praktické dôsledky si pozrite uvedené príklady:
Príklad 1: Analyzujte adresu URL aktuálnej stránky na názov hostiteľa a cestu
Adresu URL aktuálnej stránky môžete analyzovať na názov hostiteľa a cestu v jazyku JavaScript. Na tento účel použite nasledujúci kód v časti HTML:
- Pridaj ' ” a priraďte id pomocou “ id “.
- Vytvorte tlačidlo pomocou „
a vyvolajte prvok po kliknutí ” udalosť na vykonanie konkrétnej udalosti, keď používateľ klikne na tlačidlo. Ďalej vyvolajte funkciu ako hodnotu tejto udalosti:
< tlačidlo onclick = 'func()' > Analyzovať na URL tlačidlo >
< p id = 'id2' > p >
< p id = 'id3' > p >
V časti JavaScript získajte prvé ID pomocou „ getElementById() “ metóda a nastavte “ window.location.href ” na analýzu adresy URL aktuálnej stránky:
dokument. getElementById ( 'id1' ) . innerHTML = okno. umiestnenie . href ;Funkcia je definovaná ako „ func() “, ktorý pristupuje k druhému prvku pomocou „ id2 “. Aplikujte in-line styling pomocou „ ” HTML tag a nastavte farbu. Potom použite „ window.location.hostname ” vlastnosť, ktorá vráti adresu URL aktuálnej stránky:
funkciu func ( ) {
dokument. getElementById ( 'id2' ) . innerHTML = ` < štýl h2 = 'farba:modra;' > Meno hosťa : h2 > ` + okno. umiestnenie . meno hosťa ;
dokument. getElementById ( 'id3' ) . innerHTML = ` < štýl h2 = 'farba:modra;' > Cesta : h2 > ` + okno. umiestnenie . názov cesty ;
}
Výkon
Je možné pozorovať, že názov hostiteľa a cesta aktuálnej stránky sa zobrazia na obrazovke po kliknutí na tlačidlo:
Príklad 2: Analyzujte adresu URL na názov hostiteľa a cestu pomocou metódy URL().
Môžete tiež analyzovať adresu URL na názov hostiteľa a cestu pomocou „ URL() “. Ak to chcete urobiť, použite vyššie uvedený kód HTML a potom pridajte kód JavaScript uvedený nižšie. Na tento účel inicializujte objekt a použite „ URL() ” a odošlite URL konkrétnej stránky ako argument metóde:
bol moja_url = Nový URL ( 'https://linuxhint.com/' ) ;Získajte prístup k prvku HTML pomocou jeho ID pomocou „ getElementById() “ metóda:
dokument. getElementById ( 'id1' ) . innerHTML = moja_url ;Vytvorte funkciu s názvom a získajte prístup k ďalším prvkom HTML:
funkciu func ( ) {dokument. getElementById ( 'id2' ) . innerHTML = ` < štýl h2 = 'farba:modra;' > Meno hosťa : h2 > ` + moja_url. meno hosťa ;
dokument. getElementById ( 'id3' ) . innerHTML = ` < štýl h2 = 'farba:modra;' > Cesta : h2 > ` + moja_url. názov cesty ;
}
Výkon
To je všetko o analýze adresy URL / webovej adresy na názov hostiteľa a cestu v jazyku JavaScript.
Záver
V jazyku JavaScript „ window.location.href ” možno použiť na analýzu adresy URL aktuálnej stránky. Okrem toho možno konkrétnu adresu URL analyzovať aj pomocou „ URL() “. Tento tutoriál vysvetlil podrobný postup analýzy adresy URL (webovej adresy) na názov hostiteľa a cestu rôznymi spôsobmi.