[JavaScript知识库]2021-07-14 js学习笔记与今日进度记录

js小记：

1. 什么是事件驱动函数？
   在和页面交互的过程中所调用的函数，该函数被称之为事件驱动函数。
2. 什么是事件？
   和页面交互的行为称之为事件。比如：鼠标点击某个按钮时（onclick）、鼠标浮动或离开到某个区域时（onmouseover、onmouseout）、文本框获取焦点和失去焦点时（onfocus、onblur）等。

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        // 跳转到医生详细信息界面
        $("#d_img").click(function(){
            $("#patient-login").hide();
            $("#d_message").show();
        });
        //返回上个界面
        $("#to-p_login").click(function(){
            $(this).hide();
            $(".output").hide();
            $("#logoff").hide();
            $("#patient-login").show();
        });
    });
    $(document).ready(function()
    {
        $("#increase").click(function(){
            //新增病例
            $("#register-login").show();
        });
        $(".create").click(function(){
            //载入新增病例
            check_p_loginok();
            return false;
        });
    });
    function check_p_loginok(){
        var name=$("#name").val();
        var number=$("#ID").val();
        if(name!=""&&number!="")
        {
            alert("创建成功！");
            $("#p_loginok").show();
            $("#patientname").val(name).prop('disabled','disabled');
            $("#num").val(number).prop('disabled','disabled');
            $("#date").show();
            $("#p_login").hide();
            $("#register-login").hide();
            $("#history").hide();
        }
    };
    $(document).ready(function(){
        //跳转到患者详细信息界面并返回
        $("#p_img").click(function()
        {
            $("#message").show();
            // $("#p_login").hide();
            $("#date").hide();
        });
        $("#to_p_loginok").click(function(){
            $("#date").show();
            $("#message").hide();
        });
    });
    $(document).ready(function(){
        $("#p_logout").click(function(){
            $("#p_login").show();
            $("#p_loginok").hide();
            $("#date").hide();
            $("#history").show();
        });
    });
    
    </script>