บทความนี้อธิบายวิธีการของ JavaScript เพื่อจำลองการใช้งานกล่องโหลด AJAX และแบ่งปันกับคุณสำหรับการอ้างอิงของคุณ วิธีการเฉพาะมีดังนี้:
การคัดลอกรหัสมีดังนี้: การโหลดฟังก์ชั่น (p_value, str)
-
ถ้า (p_value)
-
if (! document.getElementById ("load_area")))
-
var para1 = document.createelement ("Span");
var node = document.createTextNode (str);
para1.AppendChild (โหนด);
var para = document.createelement ("div");
para.id = "load_area";
var top = document.body.scrolltop+document.documentelement.scrolltop; // รับความสูงจริงในหน้า
top_position = top + 157 + "px";
para.style.top = top_position;
icon.style.csstext += "; แนวตั้ง-จัดตำแหน่ง: กลาง; padding-right: 4px; margin-top: -2px;"
para.style.csstext += =
"; ตำแหน่ง: สัมบูรณ์; ซ้าย: 50%; ความกว้าง: 140px; ระยะขอบซ้าย: -70px; ความสูง: 50px; ความสูงบรรทัด: 50px; ตัวอักษรขนาด: 18px; ข้อความ-overflow: Ellipsis; overflow: Hidden; White-Space: Nowrap; #000; Border-Radius: 2px; -webkit-box-shadow: 0 2px 2px RGBA (0,0,0,0.5); สี: #EEE; ";
ไอคอน var = ภาพใหม่ ();
icon.src = "images/loading1.gif"; // แทนที่ด้วยเส้นทางจริงที่นี่
document.body.appendchild (para);
Para.AppendChild (ไอคอน);
Para.AppendChild (Para1);
-
อื่น
-
document.getElementById ("load_area"). style.display = "block";
-
-
อื่น
-
document.getElementById ("load_area"). style.display = "ไม่มี";
-
-
วิธีการโทรมีดังนี้: คัดลอกรหัสดังต่อไปนี้: การโหลด (จริง, "โหลด ... "); กำลังโหลด (เท็จ)
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมส่วนหน้าเว็บของทุกคน