首页 > PHP资讯 > HTML5培训技术 > 浅谈javascript中的三种弹窗

浅谈javascript中的三种弹窗

HTML5培训技术
js中三种弹窗

1)alert 弹出警告 无返回值---------alert('第一行n第二行');

2)confirm()选择确定或取消,返回t或f----var result = confirm('是否删除!');

3)prompt()弹出输入框,返回输入内容----var value = prompt('输入你的名字:', '请在这里输入名字');

当然也可以自定义好看的样式。下面代码有问题明天再改。

《script》//window.confirm//promptwindow.alert = function(title,str){var shield = document.createElement("DIV");shield.id = "shield";shield.style.position = "absolute";shield.style.left = "0px";shield.style.top = "0px";shield.style.width = "100%";shield.style.height = document.body.scrollHeight+"px";//弹出对话框时的背景颜色shield.style.background = "#fff";shield.style.textAlign = "center";shield.style.zIndex = "25";//背景透明 IE有效//shield.style.filter = "alpha(opacity=0)";var alertFram = document.createElement("DIV");alertFram.id="alertFram";alertFram.style.position = "absolute";alertFram.style.left = "50%";alertFram.style.top = "50%";alertFram.style.marginLeft = "-225px";alertFram.style.marginTop = "-75px";alertFram.style.width = "450px";alertFram.style.height = "150px";alertFram.style.background = "#ff0000";alertFram.style.textAlign = "center";alertFram.style.lineHeight = "150px";alertFram.style.zIndex = "300";strHtml = "
    n";strHtml += "
  • " + title + "
  • n";strHtml += "
  • " + str + "
  • n";strHtml += "
  • n";strHtml += "
n";alertFram.innerHTML = strHtml;document.body.appendChild(alertFram);document.body.appendChild(shield);var ad = setInterval("doAlpha()",5);this.doOk = function(){alertFram.style.display = "none";shield.style.display = "none";}alertFram.focus();document.body.onselectstart = function(){return false;};}《script》

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持20不支持0