javascript 实现 Alert

iWangsd

于 2021-03-24 14:54:31 发布

阅读量417

点赞数

分类专栏： web javascript 文章标签： js

本文链接：https://blog.youkuaiyun.com/Wang_Si_D/article/details/115177176

版权

本文详细介绍了JavaScript中的Alert函数，讲解如何使用它来显示警告对话框，包括基本用法、参数传递及在网页交互中的实际应用。通过实例代码解析，帮助读者掌握这一基础但重要的前端交互技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
* 用法
* 引入 Alert.js 文件
*
* 使用对象 Alert 的内置方法 .info(), .success(), .warning(), .error();
* Alert.info(params)
* Alert.success(params)
* Alert.error(params)
* Alert.warning(params)
*
* 参数说明
* message: 显示消息 string 必填
* callback: 回调函数 function 选填 （执行操作成功需要额外处理， 设置callback）
* top: 显示top距离 默认 12px 选填
* time: 显示时常 默认3s（2000ms） 选填
*
* */

var Alert = {};

let renderAlert = function(index, callback, top, time){
    // 设置属性
    let $Alert = $(`.alert[data-index='${index}']`).eq(0);
    $Alert.css({
        'background': '#fff',
        'box-shadow': '0 0 6px rgba(0, 0, 0, .35)',
        'display': 'flex',
        'align-items': 'center',
        'justify-content': 'flex-start',
        'max-width': '320px',
        'min-width': '140px',
        'padding': '8px 16px'