JavaScript（4）：自定义弹窗

简介

• 利用js自定义弹窗
  

代码

//创建并填充弹窗
 function pop(){
     // 创建div
     let div =document.createElement("div");
     div.style.width="25%";
     div.style.margin="auto";
     div.zIndex="9999";
     div.style.backgroundColor="#86909c";
     div.style.color="#fff";
     div.style.padding="10px";
     div.id="pop";
     div.style.position="fixed";
     div.style.left="35%";
     div.style.top="50px";
     document.body.appendChild(div);

     // 填充表单
     let title = document.createElement("h2");
     title.textContent="自定义弹窗：";
     div.appendChild(title);

     let content = document.createElement("h3");
     content.textContent="想要提示的内容";
     div.appendChild(content);

     let timePop = document.createElement("h3");
     div.appendChild(timePop);

     let time = document.createElement("span");
     time.textContent="5";
     time.id="time";
     timePop.appendChild(time);

     let content2 = document.createElement("span");
     content2.textContent="秒后该页面自动关闭";
     timePop.appendChild(content2);
 }