我需要调用 showToast 就生成一个 toas 提示框请把我把 showToast 函数写出来 用javascript代码css 部分也是通过js动态追驾到元素上去的
以下是一个用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 著作权归作者所有。请勿转载和采集!