微信原生alert带有URL的问题

最新推荐文章于 2024-02-28 15:44:18 发布

原创最新推荐文章于 2024-02-28 15:44:18 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #alert

前端集结号同时被 3 个专栏收录

61 篇文章

订阅专栏

兼容

4 篇文章

订阅专栏

微信

2 篇文章

订阅专栏

本文介绍了一种使用IFRAME重写JavaScript中alert方法的方法。通过创建一个隐藏的IFRAME并利用其window对象来显示消息，可以避免浏览器弹窗带来的用户体验问题。此技术适用于需要在不打断用户操作的情况下展示警告信息的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

重写alert方法

<script>
    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);
    }
    alert('xxx');
</script>