이 기사에서는 ajax로드 박스의 구현을 시뮬레이션하기위한 JavaScript 방법을 설명하며 참조를 위해 귀하와 공유됩니다. 특정 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다. 함수 로딩 (p_value, str)
{
if (p_value)
{
if (! document.getElementById ( "load_Area"))
{
var para1 = document.createElement ( "span");
var node = document.creatextNode (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 += "; 수직-정상 : 중간; 패딩-오른쪽 : 4px; 마진-탑 : -2px;"
para.style.csstext +=
"; 위치 : 왼쪽; 왼쪽 : 50%; 너비 : 140px; 마진-왼쪽 : -70px; 높이 : 50px; 라인-하이드 : 50px; font-size : 18px; 텍스트-오버 플로우 : 타원체; 오버플로 : 흰색; 흰 공간 : nowrap; 텍스트-앨리트; 중심; 배경색; 2px 2px rgba (0,0,0,0.5); 색상 : #eee; ";
var icon = new Image ();
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 = "none";
}
}
호출 방법은 다음과 같습니다. 코드 코드를 다음과 같이 복사합니다.로드 (true, "loading ..."); 로딩 (false)
이 기사가 모든 사람의 웹 프론트 엔드 프로그래밍에 도움이되기를 바랍니다.