前言：
自己寫前端頁面時，有時候需要對后端返回來的數據進行判斷和彈出消息提示框，僅僅是自帶的alert()當然不滿足我的需求，於是又是一頓搜，每次項目都得去搜，以前也沒有個整理的好習慣，現在把找到的這個我自己認為很好看的，方便使用的消息提示框記錄下來。
一、效果圖
老樣子，我們先看效果圖，再考慮是否要使用。
二 、貼代碼
注意：使用該消息提示框，是基於coco-message.js 的，我們首先需要下載這個js文件，下載地址 ： https://blog-static.cnblogs.com/files/duanxiaobiao/coco-message.js （該文件只需要ctrl+S 下載保存即可。）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>消息提示框</title>
</head>
<body>
<button onclick="info_click();">Info信息</button>
<button onclick="success_click();">success成功</button>
<button onclick="warning_click();">warning警告</button>
<button onclick="error_click();">error錯誤</button>
<!---coco-message.js 支持，更改為自己的文件路徑----->
<script src="./coco-message.js"></script>
<script>
// 3000 :表示：3秒后消失
function info_click(){
cocoMessage.info("請先登錄！",3000 );
}
function success_click(){
cocoMessage.success("操作成功",3000);
}
function warning_click(){
cocoMessage.warning("警告！操作異常",3000);
}
function error_click(){
cocoMessage.error("修改失敗！", 3000);
}
</script>
</body>
</html>