js 去掉alert在手机浏览器显示网址的网址信息

最新推荐文章于 2021-06-20 08:38:58 发布

有魔力的豆角

最新推荐文章于 2021-06-20 08:38:58 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript html 文章标签：手机浏览器 javascript

本文链接：https://blog.youkuaiyun.com/culous/article/details/78862790

JavaScript 同时被 2 个专栏收录

7 篇文章

订阅专栏

html

2 篇文章

订阅专栏

本文介绍了两种方法来解决在手机浏览器中使用JavaScript的alert时显示网址信息的问题：1) 通过重写alert函数，但这不适用于IE浏览器；2) 使用自定义div弹框来替代alert，实现更灵活的显示效果。

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

1.重写alert
但是不支持IE

 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);
}

2.自定义div弹框显示

 function show_Win(div_Win,tr_Title,info) {
            var s_Width = document.documentElement.scrollWidth; //滚动 宽度
            var s_Height = document.documentElement.scrollHeight; //滚动 高度
            var js_Title = $(document.getElementById(tr_Title)); //标题
            js_Title.css("cursor", "move");
            //创建遮罩层
            $("<div id=\"div_Bg\"></div>").css({ "position": "absolute", "left": "0px", "right": "0px", "width": s_Width + "px", "height": s_Height + "px", "background-color": "#ffffff", "opacity": "0.6" }).prependTo("body");
            //获取弹出层
            var msgObj = $("#" + div_Win);
            msgObj.css('display', 'block'); //必须先弹出此行，否则msgObj[0].offsetHeight为0，因为"display":"none"时，offsetHeight无法取到数据；如果弹出框为table，则为'',如果为div，则为block，否则textbox长度无法充满td
            //y轴位置
            var js_Top = -parseInt(msgObj.height()) / 2 + "px";
            //x轴位置
            var js_Left = -parseInt(msgObj.width()) / 2 + "px";
            msgObj.css({ "margin-left": js_Left, "margin-top": js_Top });
            $("#msg").text(info);
            //使弹出层可移动
            msgObj.draggable({ handle: js_Title, scroll: false });
        }
    window.alert = function(info){
        show_Win('div_Test', 'title', info);
    }