DOCTYPE html >
html >
head lang ="en" >
meta charset ="UTF-8" >
style >
* { padding : 0 ; margin : 0 ; }
html {
height : 100% ;
}
body {
font-size : 16px ; font-family : "Microsoft Yahei" ; height : 100% ;
}
h1,h2,h3 {
font-weight : lighter ;
}
a {
text-decoration : none ;
}
#selfWinsow {
width : 60% ; margin : 0 20% ; background : #fff ; position : fixed ; top : 35% ; border : 1px solid #ccc ; padding : 0 2% 2% 2% ;
}
#slefClose {
width : 25px ; height : 25px ; position : absolute ; right : 1rem ; top : 0.4rem ; z-index : 9999 ; cursor : pointer ;
}
#slefClose::after {
position : absolute ; width : 30px ; height : 30px ; content : "×" ; font-size : 2.5rem ; line-height : 30px ;
}
#selfWinsow h2 {
font-size : 1rem ; border-bottom : 1px solid #ccc ; line-height : 100% ; padding : 1rem 0 ;
}
#selInfo {
font-size : 0.95rem ; line-height : 2.1rem ; padding : 0.5rem ;
}
#selfBtBox {
padding : 1rem ; margin : 0px auto ; border : 1px solid #ccc ; overflow : hidden ;
}
.selfBt {
padding : 0.8rem 2% ; background : #323434 ; color : #fff ; float : left ; line-height : 100% ; text-align : center ; cursor : pointer ;
}
.selfBtDouble {
width : 46% ;
}
.selfBtSingle {
color : #fff ; width : 100% ; padding : 0.8rem 0 ;
}
#selfOk {
background : #323434 ;
}
.selftalkNo {
float : left ;
position : relative ;
top : -5px ;
padding : 4px 10px ;
display : inline-block ;
margin-left : 5px ;
color : #000 ;
}
.selftalkOk {
float : right ;
position : relative ;
top : -5px ;
display : inline-block ;
margin-right : 5px ;
padding : 4px 10px ;
color : #fff ;
}
#selfNo,#linkTo2 {
background : #eeeeee ; color : #555555
}
#selfBack {
width : 100% ; background : rgba(0,0,0,.6) ;
}
#selfInput {
display : block ;
width : 100% ; padding : 0.5rem 0 ; border : 1px solid #eee ; border-radius : 3px ; margin-bottom : 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 >
/*
*selfWindow组建，主要是用于模拟移动网站的alert(),confirm()窗口点解某一按钮跳转到某一个页面的效果,
*因为给予移动web，所以没有兼容低版本ie
*调用方法：var win = new SelfWinsow({
* types : "confirm",//这里可以选择的参数有，alert,confirm,confirm2,link
* slefTitle : "香送网温馨提示",//弹窗标题
* selfInfo : "Are you really to remove this tool?",//弹窗信息
* selfOk : "YES",//自定义确定按钮文字
* selfNo : "NO",//自定义否认按钮文字
* callback:fn,//当types为confirm,confirm2或者是talk时的回调函数，confirm为模拟
*/
var SelfWinsow = function (settings){ this .init(settings)};
SelfWinsow.prototype = {
init: function (settings){
this .opts = {
types : "" ,
slefTitle : "" ,
selfInfo : typeof settings == " string " ? settings : " if have any incorrect , and you will continue? " ,
selfOk : " continue operator the deposit " ,
selfNo : " back loading page "
};
this .setting(settings);
if ( typeof settings == " string " ){
this .opts.selfInfo == settings;
}
if (settings == "" || settings == undefined || settings == null ){
this .selfAlert();
} else if (settings.types == " confirm " ){
this .selfConfirm();
} else if (settings.types == " confirm2 " ){
this .selfConfirm2();
} else if (settings.types == " link " ){
this .selfLink();
} else if (settings.types == " talk " ){
this .selfMobileTalk();
} else {
this .selfAlert();
}
},
// confirm窗口
selfConfirm: function (){
var _this = this ;
var html = "
" + _this.opts.slefTitle + "
" + _this.opts.selfInfo + "
" + _this.opts.selfOk + "
" + _this.opts.selfNo + " " ;
this .createMask(html);
this .selfEvents();
},
// alert窗口
selfAlert: function (){
var _this = this ;
var html = "
" + _this.opts.slefTitle + "
" + _this.opts.selfInfo + "
" + _this.opts.selfOk + " " ;
this .createMask(html);
this .selfEvents();
},
selfConfirm2: function (){
var _this = this ;
var html = "
" + _this.opts.slefTitle + "
" + _this.opts.selfInfo + "
" + _this.opts.selfOk + " " ;
this .createMask(html);
this .selfEvents();
},
// 带链接窗口
selfLink: function (){
var _this = this ;
var html = "
" + _this.opts.slefTitle + "
" + _this.opts.selfInfo + " " + _this.opts.linkTo1 + " ' class='selfBt selfBtDouble'> " + _this.opts.selfOk + " " + _this.opts.linkTo2 + " ' class='selfBt selfBtDouble'> " + _this.opts.selfNo + " " ;
this .createMask(html);
this .selfEvents();
},
selfMobileTalk: function (){
var _this = this ;
var html = "
" + _this.opts.selfNo + " " + _this.opts.slefTitle + " " + _this.opts.selfOk + " " ;
this .createMask(html);
var selfBack = document.getElementById( " selfBack " );
selfBack.style.backgroundColor = " #eee " ;
this .selfEvents();
},
// 事件处理
selfEvents: function (){
this .selfOk();
var selfNo = document.getElementById( ' selfNo ' );
selfNo && this .slefNo();
},
// 确定按钮事件
selfOk: function (){
var _this = this ;
var type = this .opts.types;
var bt = true ;
var selfOk = document.getElementById( " selfOk " );
function selfOkFun(e){
var e = e || window.event;
var el = e.scrElement || e.target;
if (el.id == " selfOk " || el.tagName == " IMG " ) {
if (type == " alert " ){
_this.selfRemoveBack();
} else if (type == " confirm " || type == " talk " || " confirm2 " ){
if (bt){
_this.opts.callback();
} else {
return false ;
}
_this.selfRemoveBack();
bt = false ;
}
}
}
document.removeEventListener( ' click ' ,selfOkFun, false );
document.addEventListener( ' click ' ,selfOkFun, false );
},
// 创建背景遮罩
createMask: function (html){
var selfBack = document.getElementById( " selfBack " );
if (selfBack){
return false ;
} else {
var selfBack = document.createElement( ' div ' );
selfBack.id = " selfBac
查看更多关于修改jsconfirmalert提示框文字的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did115200