隐藏alert和confirm弹出框的IP
程序员文章站
2022-05-31 18:05:53
...
在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="补签" onclick="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>
上一篇: JS中alert、confirm、prompt的区别
下一篇: CIO40:IT&EQ的碎碎念
推荐阅读
-
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
-
JavaScript的三种弹出提示框(alert、confirm、prompt)
-
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
-
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
-
JavaScript的三种弹出提示框(alert、confirm、prompt)
-
javascript的三种弹出对话框alert,confirm和prompt
-
隐藏alert和confirm弹出框的IP
-
在Android的webview中定制js的alert,confirm和prompt对话框的方法
-
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框_javascript技巧
-
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)