Palīdziet vietnes attīstībai, daloties ar rakstu ar draugiem!
Ievads lappušu veidošanā JavaScript
JavaScript lappušu veidošanas koncepcija tiek izmantota, lai pārvietotos starp lapām ar pogām vai saitēm Pirmā, Nākamā, Iepriekšējā un Pēdējā. Lapu sadalīšanas galvenais moto ir nekavējoties pārvietoties starp saturu, noklikšķinot uz saitēm vai pogām. Lapā ir vairākas saites vai pogas, lai piekļūtu pirmajam, nākamajam, iepriekšējam un pēdējam saturam. Izveidot pirmās, nākamās, iepriekšējās un pēdējās pogas JavaScript mēs esam izmantojuši dažādas JavaScript funkcijas.
Kas ir Bootstrap peidžeris?
Paginācijas koncepcija, ko izmanto, lai piekļūtu saturam, izmantojot pirmo, nākamo, iepriekšējo un pēdējo vai vairākas saites vai pogas, pamatojoties uz klienta prasībām, lai nodrošinātu vienmērīgu piekļuvi saturam.
Kāpēc mēs izmantojam JavaScript lappušu piešķiršanu?
Reāllaika scenārijs: Ņemsim amazon vietni vai Flipkart vietni, lai to datubāzē parādītu pieejamos produktus. Pieņemsim, ka viņiem līdzi ir 1 miljons produktu. Ja viņi mēģina parādīt visas preces vienlaikus, klientam jāgaida vairāk laika, piemēram, viena diena, lai redzētu visus produktu sarakstus.
Kā mums būtu jārisina šī situācija?
Tā vietā, lai rādītu visus vienumus vienlaikus, mēs varam tiem parādīt 50 līdz 100 vienumus vienlaikus, izmantojot saišu pogu sarakstu. Ja pircējs nav apmierināts ar pirmajām 50 līdz 100 precēm, viņš pāriet uz nākamajām 50 līdz 100 precēm un tā tālāk. Šo jēdzienu sauc par lappusi.
Sintakse lappusei:
//funkcija lapu saraksta izveidei
}
funkcija readyList() {
priekš (skaits=0; skaits <100; count++)
//pievienot iterācijas elementus masīvam
createPages=getPageNumber();//lietotāja definēta funkcija
}
//funkcija katrai lapu izveidei
funkcija readyPages() {
var start=((presentPage - 1)countPerEachPage);
var beigas=sākums+ countPerEachPage;
listPage=list.slice(sākums, beigas);
//izsaukt dažas lietotāja definētas metodes lappušu veidošanas funkcionalitātei
Javascript lappušu piemēri
Šeit ir tālāk minētie piemēri
1. piemērs - lappušu maiņa ar cipariem
HTML un JavaScript kods: PaginationNumber.html
Lappuse
Paginācijas piemērs
Katrā lapā ir 10 cipari
Izvade:
2. piemērs - lappušu veidošana ar virknēm, piemērs
HTML un JavaScript kods:
Lappuse
/>"href=path_to/simplePagination.css
Paginācija Ievada saturs
Saturs lappušu šķirošanai katrā lapā
Iepriekšējais
Lapa Nākamā lapa
Lapas numurs:
Izvade:
Pēc noklikšķināšanas uz pogas Nākamā lapa
3. piemērs - lappušu šķirošana bez noklusējuma CSS bibliotēkām
HTML un JavaScript kods:
Lappuse
Izvade:
Secinājums
Lai pārvietotos starp lapām, nekavējoties izmantojot pogas vai saites, tiek izmantota JavaScript lappušu maiņa. Lapu ievietošanu JavaScript var veikt ar CSS bibliotēkām vai bez CSS bibliotēkām.