2021-07-14 js学习笔记与今日进度记录

js小记：

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

---

今天学js学了一个多小时，小组内就开了个会，组内大佬建议我和高俊媛学jQuery，简单易上手，是以我就改学jQuery了，真是把我从js里解放出来了！js东西太多太杂了，学了半天东西都是皮毛，完全用不了，解决不了我的燃眉之急——网页内交互！

---

通过边学jQuery边写页面交互，工作总算是有了进展了，目前已经实现了医生、患者详细信息界面的显示与返回，新增患者界面的患者载入与载出。用的最多的都是show和hide,后期还会考虑是否进行其他交互操作，估计不会弄那么多花样，毕竟这是一个严谨的医疗用网站！目前点击近期打开过的患者信息载入患者和搜索身份证号载入患者还正在努力实现中。

    <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>