首頁手記前端框架 jQuery EasyUi...

前端框架 jQuery EasyUi 學習筆記四（四種消息警告提示框）

標簽：

Java JQuery JavaScript

两种展示方式，

第一种是页面打开就出现

<script type="text/javascript">
    $(function(){

    //$.messager.alert("温馨提示","这是一个问题图标","question");
           //$.messager.alert("温馨提示","这是一个Error","error");
           //$.messager.alert("温馨提示","这是一个消息图标","info");
           //$.messager.alert("温馨提示","这是一个警告图标","warning");

})

    </script>

第二种是点击按钮后出现

<script type="text/javascript">
    function openAlert() {
        //$.messager.alert('系统提示','系统即将关闭','error');
        //$.messager.alert('系统提示','系统即将关闭','question');
        //$.messager.alert('系统提示','系统即将关闭','info');
        $.messager.alert('系统提示', '系统即将关闭', 'warning');
    };
</script>
</head>

<body>
    <div style="padding-top: 200px">
        <a id="btn1" href="javascript:void(0)" class="easyui-linkbutton"
            data-options="iconCls:'icon-search'" onclick="openAlert()">alert</a>

    </div>

</body>

//区别就在于图片而已，我们其实可以自己设置自己喜爱的图片。
//这是图片放置地址：jquery-easyui-1.4.4/themes/icons
//这是图片样式地址：jquery-easyui-1.4.4/themes/icon.css

點擊查看更多內容