JavaScript-这两个JS效果不用jscex怎样实现呢

JavaScript-这两个JS效果不用jscex怎样实现呢

浮生未歇 发布于 2017-08-10 字数 533 浏览 1214 回复 1

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

浮生未歇 2017-08-25 1 楼

第一个类似以下效果是否可以?
<button onclick='MY.util.confirm("确定要删除这条记录么?")'>删除</button>

<script type="text/javascript">

var MY = {};
MY.util = {
confirm : function(msg) {
html = "<div id='myConfirm'>"+msg+"<button onclick='MY.util.ok()'>确定</button> <button onclick='MY.util.cancel()'>取消</button></div>";
$('body').append(html);
},
alert : function(msg) {
html = "<div id='myAlert'>"+msg+"<button onclick='MY.util.alertHide()'>确定</button></div>";
$('body').append(html);
},
ok : function() {
this.confirmHide();
// ajax.....
this.alert('ok: do something ');
},
cancel : function() {
this.confirmHide();
this.alert('cancel: do something ');
},
confirmHide : function() {
$('#myConfirm').remove();
},
alertHide : function() {
$('#myAlert').remove();
}

}
</script>

目前还没有遇到过类似第二个的需求。。