Este artículo describe el método de JavaScript para simular la implementación del cuadro de carga AJAX, y se comparte con usted para su referencia. Los métodos específicos son los siguientes:
La copia del código es la siguiente: Carga de funciones (P_Value, Str)
{
if (p_value)
{
if (! document.getElementById ("load_area"))
{
var para1 = document.createElement ("span");
var nodo = document.createTextNode (str);
para1.appendChild (nodo);
var para = document.createElement ("div");
para.id = "load_area";
var top = document.body.scrolltop+document.documentelement.scrolltop; // Obtener la altura real en la página
top_position = top + 157 + "px";
para.style.top = top_position;
icon.style.csstext += "; vertical-align: middle; padding-right: 4px; margin-top: -2px;"
para.style.csstext +=
"; posición: absoluta; izquierda: 50%; ancho: 140px; margen-izquierda: -70px; altura: 50px; línea de línea: 50px; font-size: 18px; text-overflow: ellipsis; Overflow: Hidden; White-space: Nowrap; Text-Align: Center; # #000; border-Radius: 2px; 2px 2px rgba (0,0,0,0.5); color: #eee; ";
VAR icon = nueva imagen ();
icon.src = "Images/Loading1.gif"; // Reemplace con la ruta real aquí
document.body.appendChild (para);
para.appendchild (icono);
para.appendchild (para1);
}
demás
{
document.getElementById ("load_area"). style.display = "bloque";
}
}
demás
{
document.getElementById ("load_area"). style.display = "none";
}
}
El método de llamada es el siguiente: Copie el código del código de la siguiente manera: Cargando (verdadero, "Carga ..."); Cargando (falso)
Espero que este artículo sea útil para la programación de front-end web de todos.