Buscar un Hash en una URL en JavaScript

Anika Tabassum Era 15 febrero 2024
  1. Buscar un hash en cualquier URL en JavaScript
  2. Buscar un hash en la URL actual en JavaScript
Buscar un Hash en una URL en JavaScript

En JavaScript, tenemos la forma más sencilla de verificar si la URL en la que estamos trabajando tiene un hash (#), es decir, usando window.location.hash, pero esto es para un propósito dinámico. Extrae la información de los sitios web actuales.

Además, tenemos otras formas de verificar si una URL determinada consiste en un hash; tomamos la URL como una cadena y verificamos sus índices para encontrar el hash. Nuevamente, podemos usar el método split() para verificar si nuestra URL tiene un hash.

En los siguientes ejemplos, obtendremos una vista previa de estos junto con una solución jQuery. ¡Vamos a profundizar en!

Buscar un hash en cualquier URL en JavaScript

Aquí, veremos dos instancias que cubrirán cómo podemos obtener la presencia de un hash desde cualquier URL predefinida. Lo siguiente contiene los métodos indexOf() y split() para resolver el caso.

Use indexOf para buscar un hash en cualquier URL en JavaScript

La URL que consideraremos debe configurarse como una cadena, ya que el método indexOf se reproduce en el caso de las cadenas. Entonces, estableceremos una declaración condicional aquí para darnos el resultado deseado, y obtendremos el ajuste adecuado.

Revisemos las líneas de código.

Fragmento de código:

var url = 'http://www.google.sk/foo?boo=123baz';

if (url.indexOf('#') !== -1) {
  console.log('got hash')
} else {
  console.log('No hash');
}

Producción:

Use indexOf para obtener rastro de hash

Utilice el método split() para buscar un hash en cualquier URL en JavaScript

En este caso, volveremos a considerar una URL como una cadena. Más tarde, usaremos el método split() para obtener el token si tenemos un hash en nuestro caso, y según las condiciones, obtenemos un hash.

La valla de código se demostrará claramente.

Fragmento de código:

var url = 'https://mail.google.com/mail/u/0/#inbox';
var parts = url.split('#');
if (parts.length > 1) {
  console.log('Found hash');
}

Producción:

Use el método split () para obtener hash

Buscar un hash en la URL actual en JavaScript

Nos centraremos en el sitio web actual y su dirección. Al obtener la URL, verificaremos la parte del hash y, si la encontramos, dará como resultado una palabra de afirmación; si no, una negación.

Use window.location.hash para buscar un hash en la URL actual en JavaScript

El ventana.ubicación.hash básico toma la URL actual y verifica si hay algún hallazgo de hash. Luego, establecemos una condición para que nos brinde una respuesta.

Fragmento de código:

var hash = window.location.hash;
if (hash) {
  console.log('hash found');
} else {
  console.log('hash not found')
}

Producción:

Use window.location.hash para obtener hash

Use el método jQuery .prop() para buscar un hash en la URL actual en JavaScript

De manera similar, aquí usamos $(ubicación) que, de forma predeterminada, obtiene la ventana actual en la que estamos trabajando. Luego, el método .prop() agrega la condición para buscar cualquier hash disponible en la URL.

Fragmento de código:

var hash = $(location).prop('hash');
if (hash) {
  console.log('hash found');
} else {
  console.log('no hash')
}

Producción:

Use jQuery .prop() para obtener hash

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook