La tarea es obtener el nombre de URL de la página sin usar una string de consulta con la ayuda de JavaScript.
- Método replace(): este método busca en una string un valor definido, o una expresión regular, y devuelve una nueva string con el valor definido reemplazado.
Sintaxis:
string.replace(searchVal, newvalue)
Parámetros:
- searchVal: este parámetro es obligatorio. Especifica el valor, o expresión regular, que se va a reemplazar por el nuevo valor.
- valor nuevo: este parámetro es obligatorio. Especifica el valor a reemplazar con el valor de búsqueda.
Valor de retorno: Devuelve una nueva string donde los valores definidos han sido reemplazados por el nuevo valor.
- Método split(): este método se usa para dividir una string en una array de substrings y devuelve la nueva array.
Sintaxis:
string.split(separator, limit)
Parámetros:
- separador: este parámetro es opcional. Especifica el carácter, o la expresión regular, que se usará para dividir la string. Si no se usa, se devolverá la string completa (una array con un solo elemento).
- límite: este parámetro es opcional. Especifica el número entero que especifica el número de divisiones, los elementos más allá del límite de división se excluirán de la array.
Valor devuelto: Devuelve un nuevo Array, con los elementos divididos.
Ejemplo 1: este ejemplo primero extrae todas las URL de la página usando href y luego obtiene la primera URL configurando index = 0 y luego elimina la parte después de ? utilizando el método split() .
<!DOCTYPE HTML>
<html>
<head>
<title>
JavaScript method to get the URL
without query string
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "GFG_click()">
Get URL
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "Click on the button to get URL";
function functionName(fun) {
var val = fun.name;
el_down.innerHTML = val;
}
function GFGFunction() {
}
function GFG_click() {
el_down.innerHTML = window.location.href.split('?')[0];
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo reemplaza location.search con una string vacía con la ayuda del método replace() de la ubicación .
<!DOCTYPE HTML>
<html>
<head>
<title>
JavaScript method to get the URL
without query string
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "GFG_click()">
Get URL
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "Click on the button to get URL";
function functionName(fun) {
var val = fun.name;
el_down.innerHTML = val;
}
function GFGFunction() {
}
function GFG_click() {
el_down.innerHTML =
location.toString().replace(location.search, "");
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA