- Introduzione all'impaginazione in JavaScript
- Esempio di impaginazione
- Impaginazione Introduzione Contenuto
Aiuta lo sviluppo del sito, condividendo l'articolo con gli amici!
Introduzione all'impaginazione in JavaScript
Il concetto di impaginazione JavaScript viene applicato per spostarsi tra le pagine con i pulsanti o collegamenti Primo, Successivo, Precedente e Ultimo. Il motto principale di Pagination è spostarsi immediatamente tra i contenuti facendo clic su collegamenti o pulsanti. L'impaginazione ha più collegamenti o pulsanti forniti per l'accesso al contenuto Primo, Successivo, Precedente e Ultimo. Crea i pulsanti Primo, Successivo, Precedente e Ultimo in JavaScript abbiamo utilizzato diverse funzioni JavaScript.
Cos'è un cercapersone Bootstrap?
Concetto di impaginazione, utilizzato per accedere al contenuto utilizzando Primo, Successivo, Precedente e Ultimo o più collegamenti o pulsanti in base alle esigenze del cliente per un accesso agevole al contenuto.
Perché utilizziamo l'impaginazione JavaScript?
Scenario in tempo reale: Prendiamo il sito Web di Amazon o il sito Web di Flipkart per visualizzare i prodotti disponibili nel loro database. Supponiamo che abbiano 1 milione di prodotti con loro. Se stanno cercando di mostrare tutti gli articoli alla volta, il cliente deve attendere più tempo, ad esempio un giorno, per vedere tutti gli elenchi dei prodotti.
Come dovremmo affrontare questa situazione?
Invece di mostrare tutti gli elementi alla volta, possiamo mostrarli da 50 a 100 elementi alla volta utilizzando un elenco di pulsanti di collegamento. Se il cliente non è soddisfatto dei primi 50-100 prodotti, passerà ai successivi 50-100 articoli e così via. Questo concetto è chiamato Impaginazione.
La sintassi per l'impaginazione:
//funzione per creare l'elenco delle pagine}
funzione prepareList() {
per (contare=0; contare <100; count++)
//aggiungi elementi di iterazione a un array
createPages=getPageNumber();//funzione definita dall'utente
}
//funzione per la creazione di pagine
funzione preparePages() {
var start=((presentPage - 1)countPerEachPage);
var end=start+ countPerEachPage;
listPage=list.slice(inizio, fine);
//chiama alcuni metodi definiti dall'utente per la funzionalità di impaginazione
Esempi di impaginazione in Javascript
Ecco i seguenti esempi citati di seguito
Esempio 1 - Impaginazione con numeri
Codice HTML e JavaScript: PaginationNumber.html
Impaginazione
Esempio di impaginazione
Ogni pagina ha 10 numeri
Uscita:
Esempio 2 - Esempio di impaginazione con stringhe
Codice HTML e JavaScript:
Impaginazione
Impaginazione Introduzione Contenuto
Contenuto per impaginazione in ogni pagina
Precedente
Pagina Pagina successiva
Numero di pagina:
Uscita:
Dopo aver cliccato sul pulsante Pagina successiva
Esempio 3 - Impaginazione senza librerie CSS predefinite
Codice HTML e JavaScript:
Impaginazione
Uscita:
Conclusione
L'impaginazione di JavaScript viene utilizzata per spostarsi tra le pagine utilizzando pulsanti o collegamenti immediatamente. L'impaginazione in JavaScript può essere eseguita con le librerie CSS o senza le librerie CSS.