V JavaScriptu se analýza využívá k převodu velkého množství nestrukturovaných dat do čitelného a snazšího formátu. Můžete analyzovat data ve formě řetězců, objektů a adres URL konkrétního webu. Chcete-li analyzovat konkrétní adresu URL v JavaScriptu, použijte „ URL() “konstruktor. Vytvoří nový objekt URL s hostitelem, názvem cesty, vyhledávacím hashem a vlastnostmi hashe.
Tento příspěvek bude ilustrovat metodu analýzy adresy URL na název hostitele a cestu v JavaScriptu.
Analýza adresy URL (webové adresy) na název hostitele a cestu v JavaScriptu
Chcete-li analyzovat adresu URL na název hostitele a cestu v JavaScriptu, použijte adresu URL aktuální stránky pomocí „ window.location.href ' vlastnictví. Kromě toho lze konkrétní URL také analyzovat pomocí „ URL() “ metoda.
Pro praktické důsledky se podívejte na uvedené příklady:
Příklad 1: Analyzujte adresu URL aktuální stránky na název hostitele a cestu
Adresu URL aktuální stránky můžete analyzovat na název hostitele a cestu v JavaScriptu. K tomu použijte následující kód v části HTML:
- Přidat ' ” a přiřaďte id pomocí “ id ' atribut.
- Vytvořte tlačítko pomocí „
a vyvolejte prvek ' při kliknutí ” událost pro provedení konkrétní události, když uživatel klikne na tlačítko. Dále vyvolejte funkci jako hodnotu této události:
< tlačítko onclick = 'func()' > Analyzujte na URL knoflík >
< p id = 'id2' > p >
< p id = 'id3' > p >
V části JavaScript přistupte k prvnímu ID pomocí „ getElementById() “ metoda a nastavení “ window.location.href ” pro analýzu adresy URL aktuální stránky:
dokument. getElementById ( 'id1' ) . vnitřní HTML = okno. umístění . href ;Funkce je definována jako „ func() “, který přistupuje k druhému prvku pomocí „ id2 “. Aplikujte in-line styling pomocí „ ” HTML tag a nastavte barvu. Poté použijte „ window.location.hostname ” vlastnost, která vrátí adresu URL aktuální stránky:
funkce func ( ) {
dokument. getElementById ( 'id2' ) . vnitřní HTML = ' < styl h2 = 'barva:modrá;' > Název hostitele : h2 > ' + okno. umístění . název hostitele ;
dokument. getElementById ( 'id3' ) . vnitřní HTML = ' < styl h2 = 'barva:modrá;' > Cesta : h2 > ' + okno. umístění . název cesty ;
}
Výstup
Lze pozorovat, že název hostitele a cesta aktuální stránky se zobrazí na obrazovce po kliknutí na tlačítko:
Příklad 2: Analyzujte URL na název hostitele a cestu pomocí metody URL().
Adresu URL můžete také analyzovat na název hostitele a cestu pomocí „ URL() “ metoda. Chcete-li tak učinit, použijte výše uvedený kód HTML a poté přidejte níže uvedený kód JavaScript. Za tímto účelem inicializujte objekt a použijte „ URL() ” a předejte URL konkrétní stránky jako argument metodě:
byl moje_url = Nový URL ( 'https://linuxhint.com/' ) ;Získejte přístup k prvku HTML pomocí jeho id pomocí „ getElementById() “ metoda:
dokument. getElementById ( 'id1' ) . vnitřní HTML = moje_url ;Vytvořte funkci s názvem a získejte přístup k dalším prvkům HTML:
funkce func ( ) {dokument. getElementById ( 'id2' ) . vnitřní HTML = ' < styl h2 = 'barva:modrá;' > Název hostitele : h2 > ' + moje_url. název hostitele ;
dokument. getElementById ( 'id3' ) . vnitřní HTML = ' < styl h2 = 'barva:modrá;' > Cesta : h2 > ' + moje_url. název cesty ;
}
Výstup
To je vše o analýze adresy URL/webové adresy na název hostitele a cestu v JavaScriptu.
Závěr
V JavaScriptu „ window.location.href ” lze použít k analýze adresy URL aktuální stránky. Kromě toho lze konkrétní URL také analyzovat pomocí „ URL() “ metoda. Tento tutoriál vysvětlil podrobný postup analýzy adresy URL (webové adresy) na název hostitele a cestu různými způsoby.