JavaScript - Obtener la parte de la ruta de la URL
Al probar una página web o el sitio, puede haber un requisito para extraer la URL de diferentes páginas web en el final del desarrollador. Por ejemplo, almacenar la URL correspondiente a cada página web en el código relevante para acceder a ellos o utilizar las funcionalidades adicionales en el futuro. En tal caso, escenarios, obtener la parte de la ruta de la URL es conveniente para administrar los recursos de manera efectiva.
Este artículo discutirá los enfoques para obtener la parte de la ruta de la URL en JavaScript.
Cómo obtener una parte de la ruta URL usando JavaScript?
Para obtener la porción de la ruta de URL utilizando JavaScript, considere los enfoques a continuación:
- "anfitrión" y "nombre de ruta" propiedades.
- "rebanada()" y "dividir()" métodos.
Método 1: Obtener la parte de la ruta de la URL usando "Ubicación.Propiedades de host "y" PathName "en JavaScript
El "ubicación.anfitrión"La propiedad devuelve la dirección IP y el puerto de una URL. El "nombre de ruta"La propiedad proporciona el nombre de ruta de una URL. Estas propiedades se pueden utilizar para dividir la dirección IP y el nombre de la ruta en la URL y obtenerlas por separado.
Ejemplo
Descripción general de la demostración dada a continuación:
En la demostración anterior:
- En primer lugar, aplique el "anfitrión"Propiedad para obtener la dirección IP.
- Del mismo modo, obtenga el nombre de ruta contenido en la URL a través del "nombre de ruta" propiedad
- Por último, muestre las porciones obtenidas de la URL en la consola.
Producción
En la salida anterior, se puede observar que la dirección IP y la ruta se han obtenido por separado de la URL redirigida.
Método 2: Obtenga la parte de la ruta de URL utilizando la combinación de los métodos "dividido ()" y "slice ()" en JavaScript
El "dividir()"El método divide una cadena en una matriz de subcadres en función de los parámetros y el" "rebanada()"El método extrae una parte de la cadena. Estos métodos se pueden aplicar junto con el "nombre de rutaPropiedad para obtener el nombre de ruta de la URL en función del parámetro de los métodos aplicados.
Sintaxis
cadena.división (separador, límite)
En la sintaxis dada:
- "separador"Señala la cadena que debe usarse para dividir.
- "límite"Se refiere al entero que limita el número de divisiones.
formación.Slice (comenzar, final)
En la sintaxis anterior:
- "comenzar" y "fin"Indique las posiciones de inicio y finalización, respectivamente.
Ejemplo
Veamos las siguientes líneas de código para comprender el concepto claramente:
En el fragmento de código anterior:
- En primer lugar, cree el nuevo objeto URL usando el "nuevo"Palabra clave y la"Url ()"Constructor, respectivamente para representar la URL especificada.
- En el siguiente paso, asocie el "dividir()" y "rebanada()"Métodos con el"nombre de rutaPropiedad de tal manera que el nombre de la ruta se extrae de la URL especificada en función del separador y el límite dados, respectivamente.
- Finalmente, muestre las porciones del nombre de la ruta en la URL como una matriz en la consola.
Producción
En la salida, se puede notar que las partes de la ruta desde la URL se devuelven como una matriz.
Conclusión
Para obtener la parte de la ruta de la URL en JavaScript, aplique el "ubicación.anfitrión" y "nombre de ruta"Propiedades o el"rebanada()" y "dividir()" métodos. Los enfoques anteriores obtienen la dirección IP y el nombre de la ruta por separado de la URL. Los últimos métodos se pueden utilizar para obtener las partes del nombre de la ruta en la URL. Este artículo sobre los enfoques para obtener la parte de la ruta de la URL.
Sobre el Autor
Umar Hassan
Soy un desarrollador web front-end. Siendo un autor técnico, trato de aprender cosas nuevas y adaptarme a ellas todos los días. Me apasiona escribir sobre herramientas y tecnologías de software en evolución y hacer que sea comprensible para el usuario final.
Ver todas las publicacionesLinux Sintin LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Política de privacidad y condiciones de uso