En JavaScript, el análisis se utiliza para convertir una gran cantidad de datos no estructurados en un formato legible y más fácil. Puede analizar datos en forma de cadenas, objetos y URL de un sitio web en particular. Para analizar una URL en particular en JavaScript, utilice el ' dirección URL () ” constructor. Creará un nuevo objeto de URL con host, nombre de ruta, hash de búsqueda y propiedades del hash.
Esta publicación ilustrará el método para analizar una URL en un nombre de host y una ruta en JavaScript.
Análisis de una URL (dirección web) en nombre de host y ruta en JavaScript
Para analizar la URL en el nombre de host y la ruta en JavaScript, use la URL de la página actual con la ayuda de ' ventana.ubicación.href ' propiedad. Además, una URL específica también se puede analizar usando el ' dirección URL () ' método.
Para implicaciones prácticas, consulte los ejemplos indicados:
Ejemplo 1: analice la URL de la página actual en nombre de host y ruta
Puede analizar la URL de la página actual en el nombre de host y la ruta en JavaScript. Para eso, utilice el siguiente código en la parte HTML:
- Agrega un ' ” y asigne una identificación usando el “ identificación ' atributo.
- Haz un botón usando el “
” e invocar el “ al hacer clic ” evento para realizar un evento específico cuando el usuario hace clic en el botón. Además, invoque una función como el valor de este evento:
< botón al hacer clic = 'func()' > Parse a URL botón >
< identificación p = 'id2' > pag >
< identificación p = 'id3' > pag >
En la parte de JavaScript, acceda a la primera identificación con la ayuda de ' getElementById() 'método y conjunto' ventana.ubicación.href ” para analizar la URL de la página actual:
documento. getElementById ( 'id1' ) . HTML interno = ventana. ubicación . href ;Una función se define como “ función() ” que accede al segundo elemento usando el “ id2 ”. Aplicar estilo en línea con la ayuda de la “ ” etiqueta HTML y establecer el color. Luego, usa “ ventana.ubicación.nombre de host ” propiedad que devolverá la URL de la página actual:
función función ( ) {
documento. getElementById ( 'id2' ) . HTML interno = ` < estilo h2 = 'color azul;' > nombre de host : h2 > ` + ventana. ubicación . nombre de host ;
documento. getElementById ( 'id3' ) . HTML interno = ` < estilo h2 = 'color azul;' > Camino : h2 > ` + ventana. ubicación . nombre de ruta ;
}
Producción
Se puede observar que el nombre de host y la ruta de la página actual se muestran en la pantalla después de hacer clic en el botón:
Ejemplo 2: analizar URL en nombre de host y ruta usando el método URL()
También puede analizar la URL en nombre de host y ruta usando el ' dirección URL () ' método. Para hacerlo, utilice el código HTML anterior y luego agregue el código JavaScript que se indica a continuación. Para ese propósito, inicialice un objeto y utilice el ' dirección URL () ” constructor, y pase la URL de la página en particular como un argumento para el método:
era mi_url = nuevo URL ( 'https://linuxhint.com/' ) ;Acceda al elemento HTML usando su id con la ayuda de “ getElementById() ' método:
documento. getElementById ( 'id1' ) . HTML interno = mi_url ;Haz una función con un nombre y accede a los otros elementos HTML:
función función ( ) {documento. getElementById ( 'id2' ) . HTML interno = ` < estilo h2 = 'color azul;' > nombre de host : h2 > ` + mi_url. nombre de host ;
documento. getElementById ( 'id3' ) . HTML interno = ` < estilo h2 = 'color azul;' > Camino : h2 > ` + mi_url. nombre de ruta ;
}
Producción
Se trata de analizar la URL/dirección web en nombre de host y ruta en JavaScript.
Conclusión
En JavaScript, “ ventana.ubicación.href ” se puede utilizar para analizar la URL de la página actual. Además, una URL específica también se puede analizar usando el ' dirección URL () ' método. Este tutorial ha explicado el procedimiento detallado para analizar una URL (dirección web) en un nombre de host y una ruta de diferentes maneras.