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:
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:
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 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: