JavaScript:重写window alert的弹出窗口
程序员文章站
2022-06-14 10:24:02
...
alert弹出窗口大小及窗口上的文字大小无法调整,上课时学生无法看清,因此重写了alert方法。
window.alert=function (msg){
//创建弹出窗口(用DIV),窗口上的内容包括一个显示文本字符串的容器和一个按钮
var box=document.createElement('div');
var msgbox=document.createElement('div');
box.appendChild(msgbox);
var btn=document.createElement('button');
box.appendChild(btn);
document.body.appendChild(box);
box.id='a1';
//设置弹出窗口的显示样式
box.style.cssText="border:1px solid gray;width:500px;height:200px;padding:10px;z-index=100;background:white;";
//设置弹出窗口的位置
box.style.position="absolute";
box.style.top='25%';
box.style.left='25%';
//设置弹出窗口上的文本内容及其样式
msgbox.style.cssText="height:100px;padding:10px;";
msgbox.innerHTML=msg;
//设置按钮
btn.innerHTML="确定";
btn.style.cssText="margin-left:400px;";
//给按钮绑定单击事件
btn.onclick=function (){
document.body.removeChild(box);//点击确定按钮后让alert窗口消失
}
}
上一篇: Spring Bean的生命周期
下一篇: php adodb介绍_PHP教程
推荐阅读
-
JavaScript动态修改弹出窗口大小的方法_javascript技巧
-
JavaScript中的Window窗口对象
-
window.open()弹出居中的窗口
-
window.open()弹出居中的窗口
-
总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
-
总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
-
JavaScript中的Window窗口对象
-
JavaScript的三种弹出提示框(alert、confirm、prompt)
-
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
-
javascript弹出新窗口并定时关闭的实现方法