Dieser Artikel beschreibt die Methode von JavaScript, um die Implementierung des AJAX -Ladefelds zu simulieren, und wird für Ihre Referenz bei Ihnen geteilt. Die spezifischen Methoden sind wie folgt:
Die Codekopie lautet wie folgt: Funktionslade (p_Value, str)
{
if (p_Value)
{
if (! document.getElementById ("load_area"))
{
var para1 = document.createelement ("span");
var node = document.createTextNode (str);
Para1.AppendChild (Knoten);
var para = document.createelement ("div");
para.id = "load_area";
var top = document.body.scrolltop+document.documentElement.scrolltop; // Erhalten Sie die tatsächliche Höhe auf der Seite
top_position = top + 157 + "px";
para.style.top = top_position;
icon.style.csStext += "; Vertikal-Align: Middle; Padding-Light: 4px; Margin-Top: -2px;"
Para.Style.cSstext +=
"; #000; Border-Radius: 2px; -Webkit-Box-Shadow: 0 2px 2px RGBA (0,0,0,0,5); Farbe: #eee; ";
var icon = new Image ();
icon.src = "Bilder/laden1.gif"; // Ersetzen Sie hier durch den tatsächlichen Pfad
document.body.appendchild (para);
Para.Appendchild (Ikone);
para.Appendchild (para1);
}
anders
{
document.getElementById ("load_area"). style.display = "block";
}
}
anders
{
document.getElementById ("load_area"). style.display = "Keine";
}
}
Die Anrufmethode lautet wie folgt: Kopieren Sie den Code -Code wie folgt: Laden (True, "Laden ..."); Laden (falsch)
Ich hoffe, dieser Artikel wird für die Web-Front-End-Programmierung aller hilfreich sein.