以下是一个用JavaScript编写的showToast函数,它会动态创建一个div元素作为提示框,并将其添加到DOM中。CSS样式也是通过JavaScript设置的。

function showToast(message) {
  // 创建一个div元素作为提示框
  var toast = document.createElement("div");
  toast.innerHTML = message;
  
  // 设置提示框的CSS样式
  toast.style.position = "fixed";
  toast.style.bottom = "20px";
  toast.style.left = "50%";
  toast.style.transform = "translateX(-50%)";
  toast.style.padding = "10px";
  toast.style.backgroundColor = "#333";
  toast.style.color = "#fff";
  toast.style.borderRadius = "5px";
  toast.style.zIndex = "9999";
  
  // 将提示框添加到DOM中
  document.body.appendChild(toast);
  
  // 3秒后自动消失
  setTimeout(function() {
    toast.parentNode.removeChild(toast);
  }, 3000);
}

调用示例:

showToast("Hello World!");

原文地址: https://www.cveoy.top/t/topic/bgha 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录