¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!
Introducción a la paginación en JavaScript
El concepto de paginación de JavaScript se aplica para moverse entre las páginas con los botones o enlaces Primero, Siguiente, Anterior y Último. El lema principal de la paginación es moverse entre el contenido inmediatamente haciendo clic en enlaces o botones. La paginación tiene múltiples enlaces o botones provistos para acceder al contenido Primero, Siguiente, Anterior y Último. Cree los botones Primero, Siguiente, Anterior y Último en JavaScript. Hemos utilizado diferentes funciones de JavaScript.
¿Qué es un buscapersonas Bootstrap?
Concepto de paginación, utilizado para acceder al contenido usando Primero, Siguiente, Anterior y Último o más enlaces o botones según los requisitos del cliente para acceder sin problemas al contenido.
¿Por qué usamos la paginación de JavaScript?
Escenario en tiempo real: Tomemos el sitio web de Amazon o el sitio web de Flipkart para mostrar los productos disponibles en su base de datos. Supongamos que tienen 1 millón de productos con ellos. Si intentan mostrar todos los artículos a la vez, el cliente debe esperar más tiempo, como un día, para ver todas las listas de productos.
¿Cómo debemos abordar esta situación?
En lugar de mostrar todos los elementos a la vez, podemos mostrarles de 50 a 100 elementos a la vez usando una lista de botones de enlace. Si el cliente no está satisfecho con los primeros 50 a 100 productos, pasará a los siguientes 50 a 100 artículos y así sucesivamente. Este concepto se llama Paginación.
La sintaxis para Paginación:
//función para crear lista de páginas}
función prepararLista() {
para (cuenta=0; cuenta <100; count++)
//añadir elementos de iteración a una matriz
createPages=getPageNumber();//función definida por el usuario
}
//función por creación de páginas
función prepararPáginas() {
var start=((presentPage - 1)countPerEachPage);
var fin=inicio+ contarPorCadaPágina;
listPage=list.slice(inicio, fin);
//llamar a algunos métodos definidos por el usuario para la funcionalidad de paginación
Ejemplos de Paginación en Javascript
Aquí están los siguientes ejemplos que se mencionan a continuación
Ejemplo 1 - Paginación con números
HTML y Código JavaScript: PaginationNumber.html
Paginación
Ejemplo de paginación
Cada página tiene 10 números
Salida:
Ejemplo 2 - Paginación con cadenas Ejemplo
Código HTML y JavaScript:
Paginación
Paginación Introducción Contenido
Contenido para paginación en cada página
Anterior
Página Página siguiente
Número de página:
Salida:
Después de hacer clic en el botón de página siguiente
Ejemplo 3 - Paginación sin bibliotecas CSS predeterminadas
Código HTML y JavaScript:
Paginación
Salida:
Conclusión
La paginación de JavaScript se usa para moverse entre las páginas usando botones o enlaces inmediatamente. La paginación en JavaScript se puede hacer con bibliotecas CSS o sin bibliotecas CSS.