隐藏alert和confirm弹出框的IP

最新推荐文章于 2022-01-01 11:00:45 发布

tywangh

最新推荐文章于 2022-01-01 11:00:45 发布

阅读量3.9k

点赞数

分类专栏：前端文章标签： javascript alert confirm 弹出框隐藏ip

本文链接：https://blog.csdn.net/qq_20565303/article/details/78263402

版权

前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在JavaScript中重写alert和confirm的方法，通过创建隐藏的iframe来避免显示IP地址等敏感信息，适用于PC端和移动端。

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

在js的最前面加上如下代码即可：

//重写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);
}
//重写confirm 不显示ip地址  
var wConfirm = window.confirm;  
window.confirm = function (message) {  
    try {  
        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 iwindow = alertFrame.window;  
        if (iwindow == undefined) {  
            iwindow = alertFrame.contentWindow;  
        }  
        var result = iwindow.confirm(message);  
        iframe.parentNode.removeChild(iframe);  
        return result;  
    }  
    catch (exc) {  
        return wConfirm(message);  
    }  
}

上面这个代码在PC端中使用的样子：

移动端使用的样子：

我的页面全部代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="/media/collegeFront/css/re-sign.css">
    <link rel="stylesheet" type="text/css" href="/media/collegeFront/css/reset.css">
</head>
<body>
    <div class="banner">
        <img src="/media/collegeFront/images/re-sign-bg.jpg" alt="">
    </div>
    <div class="rule">
        <h6>签到规则</h6>
        <p>1.每人每天只能签到一次。</p>
        <p>2.签到和学习的章节没有关系。</p>
        <p>3.从报名到学习结束每人只有三次签到机会。</p>
    </div>
    <div class="rule">
        <h6>你的签到情况：</h6>
        <p id="signDetail">你已使用补签次数${collegeUser.isRepairSignTimes}次，你剩余补签次数为${collegeUser.repairSignTimes}次。</p>
    </div>
    
    <div class="btn">
        <input type="button" value="补签" οnclick="show_confirm();">
    </div>
</body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
//重写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);
}
//重写confirm 不显示ip地址  
var wConfirm = window.confirm;  
window.confirm = function (message) {  
    try {  
        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 iwindow = alertFrame.window;  
        if (iwindow == undefined) {  
            iwindow = alertFrame.contentWindow;  
        }  
        var result = iwindow.confirm(message);  
        iframe.parentNode.removeChild(iframe);  
        return result;  
    }  
    catch (exc) {  
        return wConfirm(message);  
    }  
}
function show_confirm(){
	var r=confirm("是否补签？");
	if (r==true)
	  {
		$.ajax({
			type:"POST",
			url:"/beautifulreader/college/user/repairSign",
			async:false,
			success:function(data){
				alert(data.msg);
				$("#signDetail").innerHTML="你已使用补签次数"+data.collegeUser.isRepairSignTimes+"次，你剩余补签次数为"+data.collegeUser.repairSignTimes+"次。";
			}
		})
	}
}
</script>
</html>