Pārāk izplatīta problēma, ar ko saskaras tīmekļa izstrādātāji, ir novirzīšanas izveide uz citu tīmekļa lapu, noklikšķinot uz pogas. Tas ir ne tikai vienkāršs uzdevums, bet arī ļoti svarīgs jūsu vietnes lietojamības un navigācijas uzlabošanai. Mēs bieži izmantojam novirzīšanu, piemēram, vienkāršām lietām, piemēram, lietotāja pārvešanai uz citu lapu pēc veiksmīgas pieteikšanās kaut kam sarežģītākam, piemēram, klikšķu uzvedības izsekošanai un tīmekļa vides pielāgošanai.
Jūsu soļu virzīšana uz risinājumu
Šīs izplatītās problēmas risinājumu var viegli sasniegt, izmantojot JavaScript. Ja pogas noklikšķināšanas laikā tiek aktivizēts vienkāršs koda bloks, tīmekļa lapa var netraucēti novirzīt uz citu vietni vai lapu.
Programmā JavaScript ir divas galvenās metodes, kuras varat izmantot mūsu mērķiem: `location.href` un `location.replace()`, kas pieder objektam window.location.
- 'location.href' varbūt ir vienkāršākais un vienkāršākais veids, kā novirzīt uz jaunu URL.
- "location.replace()" tiek izmantots, ja vēlaties aizstāt pašreizējo lapu vēsturi ar jauno novirzīto lapu.
// Using location.href
document.getElementById("myBtn").onclick = function () {
location.href = "https://www.newurl.com";
};
// Using location.replace()
document.getElementById("myBtn").onclick = function () {
location.replace("https://www.newurl.com");
};
Kodeksa soli pa solim skaidrojums
Tagad sadalīsim kodu, lai pilnībā izprastu tā darbplūsmu. Sākumā mēs izmantojam funkciju `document.getElementById(“myBtn”), lai piekļūtu savai pogai, izmantojot tās unikālo ID. "onclick" ir JavaScript notikums, kas tiks aktivizēts, noklikšķinot uz pogas.
Vietnei.href:
Piemērā mēs iestatām `location.href' uz jaunu URL. Šis īpašums satur pašreizējo tīmekļa lapas URL. Tātad, kad mēs iestatām to uz jaunu URL, pārlūkprogramma dabiski pārvietojas tur.
Par location.replace():
Funkcija "location.replace()" ir diezgan līdzīga. Izmantojot to, pašreizējais vēstures ieraksts tiks aizstāts ar norādīto URL.
Būtiskās bibliotēkas un funkcijas
Programmā JavaScript objekts, kas ir atbildīgs par tīmekļa lapas novirzīšanas uzraudzību, ir objekts "window.location". Tas attēlo objekta atrašanās vietu (URL), ar kuru tas ir saistīts. No šī objekta mēs iedarbinām funkcijas "location.href" un "location.replace()".
JavaScript notikumiem, piemēram, “onclick”, arī ir būtiska nozīme pogu novirzīšanā. “onclick”, kas tiek izmantots mūsu piemēros, tiks aktivizēts, kad tiek noklikšķināts uz pogas. Citiem notikumiem, piemēram, “onmouseover” vai “onload”, ir dažādi aktivizētāji un līdz ar to arī dažādi lietojumi, taču “onclick” atbilst mūsu mērķim šajā situācijā.
Tātad, tas arī viss: vienkārša, taču svarīga tīmekļa izstrādes funkcija. Tas viss ir par to, lai padarītu lietotāja ceļojumu jūsu vietnē pēc iespējas vienmērīgāku, kas galu galā var uzlabot iesaistes un saglabāšanas rādītājus.
