去掉移动端alert和confirm弹出框携带url链接

最新推荐文章于 2024-05-30 14:27:51 发布

转载最新推荐文章于 2024-05-30 14:27:51 发布 · 3.7k 阅读

文章标签：

#url #alert #confirm

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在网页中使用自定义方式实现alert和confirm弹窗的方法，通过创建隐藏的iframe来绕过浏览器的安全限制，使得开发者可以在各种环境中实现统一的提示框样式。

window.alert = function(name){
    var iframe = document.createElement("IFRAME");
    iframe.style.display="none";
    iframe.setAttribute("src", 'data:text/plain,');
    document.documentElement.appendChild(iframe);
    window.frames[0].window.alert(name);
    iframe.parentNode.removeChild(iframe);
};

window.confirm = function (message) {
    var iframe = document.createElement("IFRAME");
    iframe.style.display = "none";
    iframe.setAttribute("src", 'data:text/plain,');
    document.documentElement.appendChild(iframe);
    var alertFrame = window.frames[0];
    var result = alertFrame.window.confirm(message);
    iframe.parentNode.removeChild(iframe);
    return result;
};