今天在做一个h5项目的时候,使用了alert弹窗,却发现在ios设备上弹窗弹出来的时候会显示出域名。
如图所示:
alert('下单成功') 在安卓手机上不会显示上方域名,在iphone手机上却显示如同所示中的域名
解决办法,给alert进行二次封装:
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域名就没有啦
alert('下单成功')
直接将代码复制到js方法中即可,这样就可以正常显示啦
如果有更好的解决办法欢迎大家留言~