Cet article décrit la méthode de JavaScript pour simuler l'implémentation de la boîte de chargement Ajax et est partagé avec vous pour votre référence. Les méthodes spécifiques sont les suivantes:
La copie de code est la suivante: Chargement de la fonction (p_value, str)
{
if (p_value)
{
if (! document.getElementById ("load_area"))
{
var para1 = document.CreateElement ("Span");
var node = document.CreateTextNode (str);
para1.ApendChild (nœud);
var para = document.CreateElement ("div");
para.id = "load_area";
var top = document.body.scrolltop + document.documentElement.scrolltop; // Obtenez la hauteur réelle de la page
top_position = top + 157 + "px";
para.style.top = top_position;
icon.style.csstext + = "; Vertical-Align: Middle; Padding-droite: 4px; margin-top: -2px;"
para.style.csstext + =
"; Position: Absolute; Left: 50%; largeur: 140px; marge-left: -70px; hauteur: 50px; line-height: 50px; font-size: 18px; text-overflow: ellipsiS; # 000; Border-Radius: 2px; -webkit-box-shadow: 0 2px 2px rgba (0,0,0,0,5); couleur: #eee; ";
var icon = new image ();
icon.src = "images / chargés1.gif"; // remplacez par le chemin réel ici
document.body.ApendChild (para);
Para.ApendChild (icône);
para.ApendChild (para1);
}
autre
{
document.getElementById ("load_area"). style.display = "bloc";
}
}
autre
{
document.getElementById ("load_area"). style.display = "Aucun";
}
}
La méthode d'appel est la suivante: Copiez le code du code comme suit: Chargement (vrai, "Chargement ..."); Chargement (faux)
J'espère que cet article sera utile à la programmation Front-end de chacun.