关于定义的alert和confirm出现闪退问题

最新推荐文章于 2022-07-20 12:00:49 发布

幻梦星空

最新推荐文章于 2022-07-20 12:00:49 发布

阅读量4.3k

点赞数 1

分类专栏： eclipse js alert confrim html

本文链接：https://blog.csdn.net/qq_25214695/article/details/50804572

版权

eclipse 同时被 3 个专栏收录

33 篇文章 0 订阅

订阅专栏

html

19 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

因为有时候浏览器自带的alert和confirm的样式太丑，或者在手机端经常显示地址，不符合我们的要求，所以我们就必须自定义一个alert框等，自定义alert的网址是：http://lab.seaning.com/_doc/API.html，需要从网上下载他的源码（http://download.csdn.net/download/fl_zxf/8498139），具体使用可以从网上搜一下。

我这里有个小例子：html代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script src="artDialog.source.js"></script>
<script src="iframeTools.source.js"></script>
<link href="skins/default.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready( function() {

$("#alert_button").click( function() {
var aa=document.getElementById("aa").value;
if(aa<100){
//jAlert('请输入大于100的数','警告');
art.dialog({ title: "提示", content: '请输入大于100的数' });
}

});
$("#confirm_button").click( function() {
//var a=jConfirm('你确定这么做吗?', '确定对话框'/*, /*function(r) {
//jAlert('是否确定: ' + r, '确定内容');
//}*/);

art.dialog({
content: '你确定这么做吗',
ok: function () {
//alert("aaa");
return true;
},
cancel: true
});

});

});
</script>
</head>
<body>
请输入金额：<input type="text" name="aa" id="aa">
<input type="submit" id="alert_button" value="提交"><br/><br/><br/><br/>
验证confirm：<input type="text" name="aa" id="aa">
<input type="submit" id="confirm_button" value="提交">
</body>
</html>

如果将此代码直接应用在本地的项目中，有时候可能会出现弹出框一闪而过的情况，那么如何解决呢？只针对于form表单提交的解决方法：

1、将submit改成了button，并且加一个onclick事件

2、编写js代码，将所有的逻辑层次写清楚之后，然后用submit方法提交

最终将问题解决了，不仅自定义了弹出框而且还实现了功能！

幻梦星空

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于定义的alert和confirm出现闪退问题

因为有时候浏览器自带的alert和confirm的样式太丑，或者在手机端经常显示地址，不符合我们的要求，所以我们就必须自定义一个alert框等，自定义alert的网址是：http://lab.seaning.com/_doc/API.html，需要从网上下载他的源码（http://download.csdn.net/download/fl_zxf/8498139），具体使用可以从网上搜一下。我
复制链接

扫一扫