修改 js confirma alerta 提示框文字的简单实例
<! DocType html> <html> <head lang = "en"> <meta charset = "utf-8"> <style> *{relleno: 0; margen: 0;} html {altura: 100%; } cuerpo {font-size: 16px; Font-Family: "Microsoft Yahei"; Altura: 100%; } H1, H2, H3 {Font-Weight: Lighter; } a {Text-Decoration: None; } #SelfWinSow {ancho: 60%; margen: 0 20%; Antecedentes: #fff; posición: fijo; arriba: 35%; borde: 1px sólido #ccc; relleno: 0 2% 2% 2%; } #slefclose {ancho: 25px; Altura: 25px; Posición: Absoluto; derecha: 1rem; arriba: 0.4rem; Index Z: 9999; cursor: puntero; } #slefclose :: después {posición: absoluto; Ancho: 30px; Altura: 30px; Contenido: "×"; tamaño de fuente: 2.5rem; Línea de altura: 30px; } #SelfWinSow H2 {Font-Size: 1Rem; Border-Bottom: 1px Solid #CCC; Alganche de línea: 100%; relleno: 1rem 0; } #selinfo {font-size: 0.95Rem; Línea de altura: 2.1rem; relleno: 0.5rem; } #SelfBtbox {Padding: 1Rem; Margen: 0px Auto; borde: 1px sólido #ccc; desbordamiento: oculto; } .Selfbt {Padding: 0.8Rem 2%; Antecedentes: #323434; Color: #fff; flotante: izquierda; Alganche de línea: 100%; Text-Align: Center; cursor: puntero; } .SelftDouble {ancho: 46%; } .SelftSingle {color: #fff; Ancho: 100%; relleno: 0.8rem 0; } #Selfok {Background: #323434; } .Selftalkno {float: izquierda; Posición: relativo; arriba: -5px; relleno: 4px 10px; Pantalla: bloque en línea; margen-izquierda: 5px; Color: #000; } .Selftalkok {float: right; Posición: relativo; arriba: -5px; Pantalla: bloque en línea; margen-derecha: 5px; relleno: 4px 10px; Color: #fff; } #Selfno, #linkTO2 {fondo: #EEEEEE; Color: #5555555} #SelfBack {ancho: 100%; Antecedentes: RGBA (0,0,0, .6); } #SelfInput {display: block; Ancho: 100%; relleno: 0.5rem 0; Border: 1px Solid #EEE; Border-Radius: 3px; Botón de margen: 1rem; Text-Indent: 0.6rem} #SelfInput: Focus {Border: 1px Solid #087690; } </style> <title> </title> <script src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> <!-<script type = "text/javascript" src = "selfwindow.js"> </script>-> <script> /** Selfwindow 组建 ， 主要是用于模拟移动网站的 主要是用于模拟移动网站的 主要是用于模拟移动网站的 主要是用于模拟移动网站的 alert (), confirmar () 窗口点解某一按钮跳转到某一个页面的效果,* 因为给予移动 web ， 所以没有兼容低版本 所以没有兼容低版本 ： ： ： var win = newwinSow ({* tipos: "confirmar", // 这里可以选择的参数有 ， ， ， alerta, confirmar ,2, enlace* Sleftitle: "香送网温馨提示", // 弹窗标题* selfo: "¿Realmente está eliminando esta herramienta?", // 弹窗信息 弹窗信息* "Sí", // 自定义确定按钮文字* SelfNo: "No", // 自定义否认按钮文字* Callback: Fn, // 当 Tipos 为 Confirmar, Confirmar2 或者是 Talk 时的回调函数 ， Confirmar 为模拟*/var SelfWinSow = function (settings) {this.init (configuración)}; autowinsow.protype = {init: function (stillings) {this.opts Selfinfo: typeof Configuración == "Cadena"? == NULL) {this.selfalert (); if (settings.types == "hablar") {this.selfMobiletalk (); id='slefTitle'>"+_this.opts.slefTitle+"<//h2><p id='selInfo'>"+_this.opts.selfInfo+"<//p><div id='selfOk' class='selfBt selfBtDouble'>"+_this.opts.selfOk+"<//div><div id='selfNo' class='selfBt selfBtDouble'>"+_this.opts.selfNo+"<//div><//div>"; this.createMask(html); this.selfEvents(); }, //alert窗口 selfAlert:function(){ var _this = this; var html="<div id='selfWinsow'><div id='slefClose'><//div><h2 id = 'Sleftitle'> "+_ this.opts.sleftitle+" <// h2> <p id = 'selinfo'> "+_ this.opts.elfinfo+" <// p> <div it = 'selfok' class = 'selfBt Selftsingle'> "+_ this.opts.sfook+" <// div> <// div> "; this.CreatEmask (html); id = 'selinfo'> "+_ this.opts.selfinfo+" <// p> <div id = 'sellok' class = 'Selfbt SelfBtsingle'> "+_ this.opts.selfok+" <// div> <// div> "; this.createmask (html); this..s.self; var html = "<Div id = 'SelfwinSow'> <div id = 'SlefClose'> <// div> <h2 id = 'Sleftitle'>"+_ this.opts.sleftitle+"<// h2> <p id = 'selinfo'>"+_ this.opts.selfinfo+"<// p> <a Id = 'selfok' href = '"+_ this.opts.linkto1+"' class = 'Selfbt SelfDouble'> "+_ this.opts.Selfok+" <// a> <a id = 'linkto2' href = '' "+_ this.opts.linkto2+" 'class =' selfBtDouble '> "+_ this.opts.Selfno+" <//////brt "; this.CreatMask (html); style = 'Text-Align: Center; estilo = 'fondo: #fff;#ff0028; cursor: pointer;' id = 'SelftexTarea' PlaceHolder = '请填写您的特殊要求'> <// Textarea> <// div> "; this.createmask (html); var selfBack = document.getElementById (" Selfback "); SelfBack.Style.BackGroundColor ="#eee "; this.selfeVents ();}, // 事件处理 事件处理 事件处理 事件处理 事件处理 事件处理 事件处理 {) {este.); document.getElementById ('Selfe'); || E.Target; _THIS.SelfRemoveBack (); } else {var selfback = document.createElement ('div'); = html; if (_this.opts.callback) {_this.opts.callback = function () {}; e = e || _THIS.SelfRemoveBack (); }}, // 参数配置以及重写 shinding (settings) {this.Exetends (this.opts, settings)},} </script> <script> window.onload = function () {var ord1 = document.getElementById ("rd1") document.getElementById ("BTN"); if (browser == 'Microsoft Internet Explorer') 0) {var SelfConFirm = New SelfWinSow ({tipos: "Confirmar", Callback: Function () {}}); OText.inntext = ""; SelfWinSow ({Sleftitle: "Consejos de opción para el usuario", tipos: "confirmar", selfo: typeof settings == "string"? Configuración: "Si tiene alguna incorrecta, y continuará?" = ''; "Alerta", SelfInfo: TypeOf Configuración == "Cadena"? Var SelfCirm = New SelfWinSow ({tipos: "Confirmar", Callback: Function () {}}); len = text.length; falso); comprobado = true> compra por primera vez <br/> <br/> <section style = "float: left;"> <input id = "rd2" form = "btn" type = "radio" valor = "22222" name = "radio"> alternate (s) oferta: </section> <section style = "float: izquierda; margen: 10px 10px"> <sxtarea id = "text" formy "btn" culs "cotn". ROWS = "7" maxLength = "100"> </textarea> </section> </form> <footer style = "clare: thuss; float: right; margin-right: 10%;"> <input id = "btn" name = "btn" type = "Subt" value = "Next"> </tooter> </body> </html>以上这篇修改 js confirma alerta 提示框文字的简单实例就是小编分享给大家的全部内容了 希望能给大家一个参考 希望能给大家一个参考 也希望大家多多支持武林网。