说明
- 日常开发项目,除非项目定制了弹出框样式,以前的开发模式,JS通常使用alert,推荐经过美化后的扩展sweetalert
下载地址:
下载,如果链接失效,请前往我的博客资源中查找,目前该资源还在审核;
使用说明
- 这里仅供示例,详细的使用,请使用搜索引擎搜索sweetalert使用说明;
//引入css,请忽略引入的语法
<link rel="stylesheet" href="{{ asset('assets/admin/css/sweetalert.css') }}" />
//引入JS,需要jquery支持
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ asset('assets/admin/js/sweetalert.min.js') }}" type="text/javascript"></script>
//弹框实现:
//为了JS和HTML代码分离,所以创建了一个隐藏域
<input type="hidden" value="{{ $sMsg }}" id="err_msg">
//JS代码
<script>
let msg = $("#err_msg").val();
if (msg) {
swal({
title: msg,
type: "warning"
},function(isConfirm){//回调函数
//微信中关闭页面
if (is_weixn()) {
WeixinJSBridge.call('closeWindow');
}
});
}
//判断是否是微信浏览器
function is_weixn(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
} else {
return false;
}
}
</script>