美文网首页大前端
微信公众号网页alert()弹窗显示域名问题

微信公众号网页alert()弹窗显示域名问题

作者: 18587a1108f1 | 来源:发表于2017-07-10 16:14 被阅读1327次

    微信公众号内网页开发时alert()方法会上方自带域名

    情况如下图所示:

    问题示例图
    如果自己的接口地址本身域名很长,就会看起来很不美观
    url比提示信息都长了!

    解决方法

    在还有alert()方法的网页中加入下方的javascript代码
    通过创建iframe来替换微信中原生的alert()弹窗

        <script>
            //用于去除alert的url
            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);
            }
        </script>
    

    修改后效果如图

    修改后效果

    相关文章

      网友评论

        本文标题:微信公众号网页alert()弹窗显示域名问题

        本文链接:https://www.haomeiwen.com/subject/tfqjhxtx.html