网站首页JavaScript
重写alert()函数

<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>重写alert()函数</title>
</head>
<body>
<script type="text/javascript">
/**
 * 重写alert()函数
 *
 * @param msg string 提示信息
 * @param type string 提示类型，可选值：success=成功|error=失败[缺省]
 * @return void
 */
window.alert = function (msg, type) {
    // type参数缺省处理
    if (typeof type == 'undefined') {
        type = 'error';
    }

    type = ['success', 'error'].includes(type) ? type : 'error';

    // 根据提示类型分别处理
    if (type == 'success') {
        console.log('SUCCESS ☛ ' + msg);
    } else {
        console.log('ERROR ☛ ' + msg);
    }
};

// 由于重写了alert()函数，所以下面的alert()都不会弹出警告框了
alert('请输入密码'); // ERROR ☛ 请输入密码
alert('密码不正确', 'error'); // ERROR ☛ 密码不正确
alert('登录成功', 'success'); // SUCCESS ☛ 登录成功

// 其它内置函数（如：confirm()函数、prompt()函数）也可以重写，结合CSS就可以写出漂亮的弹窗效果。
</script>
</body>
</html>