Three pop-up windows in javascript and javascript pop-up windows
Three pop-up windows in js
1)Alert pop-up warning no return value --------- alert ('first line \ n Second line ');
2)Confirm () Select OK or cancel, and return t or f ---- var result = confirm ('whether to delete! ');
3)In the prompt () pop-up input box, return the input content ---- var value = prompt ('enter your name: ', 'enter your name' here ');
Of course, you can also customize nice styles. The following code will be changed tomorrow if there is a problem.
<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"; // the background color shield in the pop-up dialog box. style. background = "# fff"; shield. style. textAlign = "center"; shield. style. zIndex = "25"; // transparent background IE valid // 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 = "pixel PX"; alertFram. style. height = "150px"; alertFram. style. background = "# ff0000"; alertFram. style. textAlign = "center"; alertFram. style. lineHeight = "150px"; alertFram. style. zIndex = "300"; strHtml = "<ul style = \" list-style: none; margin: 0px; padding: 0px; width: 100% \ "> \ n "; strHtml + = "<li style = \" background: # DD828D; text-align: left; padding-left: 20px; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; border: 1px solid # F9CADE; \ ">" + title + "</li> \ n "; strHtml + = "<li style = \" background: # fff; text-align: center; font-size: 12px; height: 120px; line-height: 120px; border-left: 1px solid # F9CADE; border-right: 1px solid # F9CADE; \ ">" + str + "</li> \ n "; strHtml + = "<li style = \" background: # FDEEF4; text-align: center; font-weight: bold; height: 25px; line-height: 25px; border: 1px solid # e85727; \ "> <input type = \" button \ "value = \" Confirm \ "onclick = \" doOk () \ "/> </li> \ n"; strHtml + = "</ul> \ 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>
The above is a simple introduction to all the three pop-up windows in javascript. I hope you can provide more support ~