HTML-tagasi nupu loomine

Tagasi nuppu on lihtne lisada oma veebilehele. Kui teie lehekülje külastaja klõpsab nupule, viiakse need viimasele külastatud lehele, justkui nad klõpsasid oma brauseris tagasi nupule.

Seda saate teha oma lehe HTML-i redigeerimisel ja veidi JavaScripti lisamisel.

Märkus. Need nupud ei tööta, kui kasutajal pole sirvimisajalugu. Näiteks kui kasutaja avab oma lehe uues brauseri vahekaardis või aknas, siis midagi ei juhtu, kui nad nuppu vajutavad.

History.back'i kasutamine

Veebibrauseris on sisseehitatud JavaScript-objektiaknas objekt, mida nimetatakse ajaloost, mis sisaldab URL-e, mida kasutaja on oma praeguses brauseri aknas külastanud. Võite kasutada history.back () meetodit, et öelda brauserile, et minna tagasi kasutaja eelmisele lehele.

Lihtne moodus selle JavaScripti kasutamiseks on lisada see nupu onclick-i sündmuse atribuudile. Siin loome nupu a abil element, mis sisaldab nupu tüübi element.

Sisestage oma veebisaidile järgmine HTML:

Tulemus näeb välja nagu allpool olev nupp. Kui klõpsate seda, lähete tagasi oma ajaloo eelmisele lehele.

History.go kasutamine

Meetod history.go () ütleb, et brauser läheb kasutaja sirvimisajaloo konkreetsele lehele. Teil on võimalik määrata, millise ajaloo üksus sulgudes suletakse number. Arvutiprogrammides nimetatakse seda argumendiks.

Kui määrate oma argumendiks numbri -1, läheb brauseri ajalugu tagasi lehele. Siin on sama kood nagu eespool, kasutades history.go (-1) asemel history.back () .