sweetalert

最新推荐文章于 2023-08-12 16:46:23 发布

lucasmaluping

最新推荐文章于 2023-08-12 16:46:23 发布

阅读量986

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lucasmaluping/article/details/100916043

1.加载两个文件件

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script src="vendor/sweetalert/dist/sweetalert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/vendor/sweetalert/dist/sweetalert.css">


</head>

2.调用：

<script>

        $('#btnLogin').click(function () {
           // alert("........alery....");
           // swal("hello");
            sweetAlert("hello");
        });
    </script>

完整代码：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script src="vendor/sweetalert/dist/sweetalert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/vendor/sweetalert/dist/sweetalert.css">


</head>
<body style="text-align: center">
<form id="newForm" onsubmit="return false">
    <div>
        <input id="loginName", name="loginName" type="text">
    </div>
    <div>
        <input id="loginPwd", name="loginPed" type="password">
    </div>
    <button type="submit" id="btnLogin">登陆</button>

</form>

    <script>

        $('#btnLogin').click(function () {
           // alert("........alery....");
           // swal("hello");
            sweetAlert("hello");
        });
    </script>

    <!--<th:block th:replace="js/login_js"></th:block>-->
</body>
</html>