Javascript Web API History : Go, Back, Forward e Length

 Definição e Uso

O método back () carrega o URL anterior na lista de histórico.

Isso é o mesmo que clicar no "botão Voltar" do seu navegador.

 A propriedade length retorna o número de URLs na lista de histórico da janela do navegador atual.

A propriedade retorna pelo menos 1, porque a lista inclui a página carregada no momento.

Exemplos:

 <button onclick="goBack()">Voltar</button>
<button onclick="goForward()">Avançar</button>
<button onclick="goBackDuo()">Voltar 2</button>

<p>Ao clicar acima em voltar retornará à página anterior.</p>
<p>Ao clicar acima em avançar avançará à próxima página existente no histórico.</p>
<p>Ao clicar voltar 2, retornará 2  paginas na lista do histórico.</p>

<table><tr><td>HISTÓRICO:</td><td><div id="demo"></div></td></tr></table>
<p><strong>Nota:</strong> o histórico é referente a essa sessão do usuário.</p>
<script>
function goBack() {
  window.history.back();
}
function goForward() {
  window.history.forward();
}
function goBackDuo() {
  window.history.go(-2);
}
var x = history.length;
document.getElementById("demo").innerHTML = x;
</script>

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Validação de API JavaScript - Forms

 Podemos validar formulários diretamente no javscript: Existem diversos métodos. Abaixo exemplo de validação usando validationMessage: <p>Entre com um número para validar e clique em OK:</p> <input id="id1" type="number" min="10" max="40" required> <button onclick="myFunction()">OK</button> <p>O número definido nessa validação é maior que 10 e menor que 40.</p> <p id="demo"></p> <script> function myFunction() {   const inpObj = document.getElementById("id1");   if (!inpObj.checkValidity()) {     document.getElementById("demo").innerHTML = inpObj.validationMessage;   } else {     document.getElementById("demo").innerHTML = "VALOR OK";   } } </script>
Leia mais

Usando expressões regulares no Javascript - RegExp

 Podemos declarar uma expressão regular de duas maneiras. Usando uma declaração literal: /sinv*./i; Ou usando o construtor RegExp: new RegExp('sinv*.',  'i'); Os dois métodos funcionam da mesma maneira. O construtor é uma opção melhor quando não sabemos como a regexp será formada ou. No código abaixo usei o literal e constructor: var re1 = /que..../;//Vamos pesquisar querida usando literal var str = 'John Smith é uma pessoa muito querida e respeitada'; /*E substituir querida por amada Nota: o caracter ponto é usado para representar qualquer caracter em uma expressão bastando colocar a quantidade exata para a pesquisa resultar positivo. */ var newstr = str.replace(re1, 'amada'); console.log(newstr); //Usando o constructor: var re2 = new RegExp(/que..../); var str2 = 'John Smith é uma pessoa muito querida e respeitada'; var newstr2 = str2.replace(re2, 'prezada'); console.log(newstr2); Consulte outras opções para uso do regex MDN da Mozilla ...
Leia mais

Javascript Web Console API : TIME e TIME END

 O método console.time () inicia um cronômetro na visualização do console. Este método permite cronometrar certas operações em seu código para fins de teste. Use o método console.timeEnd () para encerrar o cronômetro e exibir o resultado em console.view. Use o parâmetro rótulo para nomear o cronômetro, então você poderá ter muitos cronômetros na mesma página. Exemplo: var i; console.time("test1"); for (i = 0; i < 10; i++) {   console.log(i) } console.timeEnd("test1"); console.time("test2"); for (i = 0; i < 20; i++) {   console.log(i) } console.timeEnd("test2"); console.time("test3"); for (i = 0; i < 30; i++) {   console.log(i) } console.timeEnd("test3");
Leia mais