JavaScript:重写window alert的弹出窗口
alert弹出窗口大小及窗口上的文字大小无法调整,上课时学生无法看清,因此重写了alert方法。window.alert=function (msg){//创建弹出窗口(用DIV),窗口上的内容包括一个显示文本字符串的容器和一个按钮var box=document.createElement('div');var msgbox=document.createElement('div');box.a
·
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窗口消失
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)