Java第十五周心得体会

最新推荐文章于 2021-02-28 23:12:07 发布

Her4c

最新推荐文章于 2021-02-28 23:12:07 发布

阅读量267

点赞数

本文链接：https://blog.csdn.net/Her4c/article/details/106170356

版权

1.本周思维导图

2.个人总结

BOM对象：window

常用方法：close 即为关闭页面

注：close方法，能够关闭的页面是由该页面打开的其他页面

BOM对象：History对象

常用方法：go 加载 history 列表中的某个具体页面

go(-1)：相当于back方法；go(1)：相当于forward方法

JavaScript：DOM

XML DOM

既可以操作xml文件，也可以操作html文件

HTML DOM

只能操作html文件

JavaScript：表单校验

clearSpan方法：清空原有的错误提示信息

function clearSpan() {
    var spans = document.getElementsByTagName("span");
    for (var i = 0; i < spans.length; i++) {
        var span = spans[i];
        span.innerHTML = "";
    }
}

checkNull方法：非空校验

function checkNull(id) {
    var ele = document.getElementById(id);
    var value = ele.value;
    var reg = /^\s*$/;
    if (reg.test(value)) {
        //输入框为空
        var spn = document.getElementById(id+"_error");
        spn.innerHTML = "<font color='red'>"+id+"不能不为空</font>";
        return false;
    } else {
        //输入框不为空
        return true;
    }
}

checkLength方法：密码长度校验

function checkLength(id) {
    var reg = /^.{6,}$/;
    var ele = document.getElementById(id);
    var value = ele.value;
    if (reg.test(value)) {
        //长度6个以上
        return true;
    } else {
        //长度不对
        var span = document.getElementById(id + "_error");
        span.innerHTML = "<font color='red'>" + id + "长度应该为6</font>";
        return false;
    }
}

checkEmail方法：校验邮箱

function checkEmail() {
    var reg = /^(\w)+@(\w)+(.\w+)+$/;
    var ele = document.getElementById("email");
    var value = ele.value;
    if (reg.test(value)) {
        //满足邮箱格式
        return true;
    } else {
        //不满足邮箱格式
        var span = document.getElementById("email_error");
        span.innerHTML = "<font color='red'>邮箱格式不对</font>";
        return false;
    }
}

jQuery对象与js对象

jQuery对象不能直接使用js对象的属性和方法

js对象不能直接使用jQuery对象的属性和方法

jQuery对象和js对象可以相互转换

js对象 -> jquery对象

$(js对象)

jQuery对象 -> js对象

jquery对象.get(0)

jquery对象[0]

<head>
    <title>jQuery对象与js对象</title>      
    <script>
        //将js对象转换成jQuery对象
        function fn3() {
            //获取js对象
            var jsObject = document.getElementById("div1");
            //将js对象 -> jquery对象
            var jqObject = $(jsObject);
            //调用jquery对象的属性和方法
            jqObject.html("this is a div!!!");
        }

        //将jquery对象转换成js对象
        function fn4() {
            //获取jquery对象
            var jqObject = $("#div1");
            //jquery对象 -> js对象
            // var jsObject = jqObject.get(0);
            var jsObject = jqObject[0];
            //调用js对象的属性和方法
            jsObject.innerHTML = "this is a div ???";
    </script>
</head>  
<body>

<div id="div1">
    相互转换
</div>
    <button onclick="fn1()">操作1</button>
    <button onclick="fn2()">操作2</button>
    <button onclick="fn3()">转换1</button>
    <button onclick="fn4()">转换2</button>
</body>

Json工具类

public class JsonUtils {

    /**
     * 将java对象转换成json字符串
     * @param object
     * @return
     * @throws Exception
     */
    public static String toJsonStr(Object object) throws Exception {
        return new ObjectMapper().writeValueAsString(object);
    }

    /**
     * 将java对象转换为json字符串，并将json字符串响应到浏览器
     * @param response : 响应对象
     * @param object : java对象
     */
    public static void writeJsonStr(HttpServletResponse response , Object object){
        response.setContentType("application/json;charset=utf-8");
        try {
            String jsonStr = toJsonStr(object);
            response.getWriter().write(jsonStr);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

Her4c

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java第十五周心得体会

1.本周思维导图点击查看详情2.个人总结BOM对象：window常用方法：close 即为关闭页面注：close方法，能够关闭的页面是由该页面打开的其他页面 BOM对象：History对象常用方法：go 加载 history 列表中的某个具体页面go(-1)：相当于back方法；go(1)：相当于forward方法 JavaScript：DOMXML DOM 既可以操作xml文件，也可以操作html文件 HTML DOM 只能操作htm
复制链接

扫一扫