alert 弹窗去掉上方 title 网址域名
https://www.cnblogs.com/joe235/p/13389213.html
1. alert()方法重写. 微信中不起作用?
1
2
3
4
5
6
7
8
| window.alert = function (name) {
const 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);
};
|
完全替换
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
| <!-- alert 替代 -->
<script type="text/javascript">
cssCode = "<style type='text/css'>"
+ ".nbaMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); } "
+ ".nbaMaskTransparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; } "
+ ".nbaDialog { position: fixed; z-index: 5000; width: 80%; max-width: 500px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; opacity: 1; color: white; }"
+ ".nbaDialog .nbaDialogHd { padding: .2rem .27rem .08rem .27rem; text-align: left; padding-left: 10px; padding-top: 10px; } "
+ ".nbaDialog .nbaDialogHd .nbaDialogTitle { color:black; font-size: 17px; font-weight: 400; } "
+ ".nbaDialog .nbaDialogBd { padding: 0 .27rem; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #000000; } "
+ ".nbaDialog .nbaDialogFt { background: #1a6ada; float: right; margin-right:10px; margin-bottom:10px; position: relative; border-radius: 5px; width:60px; line-height: 30px; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: flex; } "
+ ".nbaDialog .nbaDialogFt:after { content: ' '; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } "
+ ".nbaDialog .nbaDialogBtn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: white; text-decoration: none; -webkit-tap-highlight-color: transparent; position: relative; margin-bottom: 0; } "
+ ".nbaDialog .nbaDialogBtn:after { content: ' '; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } "
+ ".nbaDialog a { text-decoration: none; -webkit-tap-highlight-color: transparent; }"
+ "</style>";
htmlCode = "<div id='dialogs2' style='display: none'>"
+ " <div class='nbaMask'></div>"
+ " <div class='nbaDialog'>"
+ " <div class='nbaDialogHd'>"
+ " <strong class='nbaDialogTitle'>提示:</strong>"
+ " </div><br>"
+ " <div class='nbaDialogBd' id='dialog_msg2' style='white-space:normal;'>弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>"
+ " <div class='nbaDialogHd'>"
+ " <strong class='nbaDialogTitle'></strong>"
+ " </div><br>"
+ " <div class='nbaDialogFt'>"
+ " <a href='javascript:;' class='nbaDialogBtn nbaDialogBtnPrimary' id='dialog_ok2'>确定</a>"
+ " </div>"
+ " </div>"
+ "</div>";
htmlCode2 = "<div id='dialogs22' style='display: none;'>"
+ " <div class='nbaDialog' id='dialogs22_s' style='background:gray; top:50%; border-radius: 18px;'>"
+ " <div class='nbaDialogBd' id='dialog_msg22' style='white-space:normal; color:white;padding-top:10px;'>弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>"
+ " <div class='nbaDialogHd'>"
+ " <strong class='nbaDialogTitle'></strong>"
+ " </div>"
+ " </div>"
+ "</div>";
//window.alert = function(msg, callback) {
window.alert = function(msg) {
var div = document.createElement("div");
div.innerHTML = cssCode + htmlCode;
document.body.appendChild(div);
var dialogs2 = document.getElementById("dialogs2");
dialogs2.style.display = 'block';
var dialog_msg2 = document.getElementById("dialog_msg2");
dialog_msg2.innerHTML = msg;
// var dialog_cancel = document.getElementById("dialog_cancel");
// dialog_cancel.onclick = function() {
// dialogs2.style.display = 'none';
// };
var dialog_ok2 = document.getElementById("dialog_ok2");
dialog_ok2.onclick = function() {
dialogs2.style.display = 'none';
//callback();
};
};
function dnone()
{
var dialogs2 = document.getElementById("dialogs22");
dialogs2.style.display = 'none';
}
window.alert2 = function(msg, imgid) {
var div = document.createElement("div");
div.innerHTML = cssCode + htmlCode2;
document.body.appendChild(div);
var dialogs2 = document.getElementById("dialogs22");
dialogs2.style.display = 'block';
// TODO 手机有缩放
//var img = document.getElementById(imgid);
//var dialogs2_s = document.getElementById("dialogs22_s");
//dialogs2_s.style.top = Math.max(20, img.x - 20);
var dialog_msg2 = document.getElementById("dialog_msg22");
dialog_msg2.innerHTML = msg;
setTimeout("dnone()", 2*1000);
};
</script>
|