• javascript中的内置对象


    2015.12.1 javascript中的内置对象

     

    复习:

    1、js中的内置函数

    alert prompt write parseInt parseFloat eval isNaN document getElementById getElementByName value innerText innerHTML length join sort

    eval() ;var result = eval(); var a="2+3" eval("result="+a); 后面会有evaljson的联合使用

    isNaN(); 是不是数字

    2、js事件

    点击事件 onclick onload onchange bgColor document

    location href onfocus onblur this(把标签本身当做对象,在函数中使用this获得该标签的对应元素。)

    鼠标事件:over out down up move this.src

    onsubmit:不是出现在表单的提交按钮上,或者出现了并没有什么意义。【亲测】

    而是要出现在表单form上面,利用两次返回的false() 限制表单的提交。

     

    3、表单验证:

    验证表单中的text 类型的input 标签是否为空:有三种形式:我们常用length==0,,因为这最符合java的感觉【我觉得】。其次还有.value=="" .value==null.一共三种形式。

    focus();//让设置该标签的属性获得焦点

    Select();//选中之前输入框中的内容。【方便按住一个字母进行删除】

    通过 Return false;来阻止提交

    getElementByName 获得一个数组;checked false

    验证单选或者多选框的时候记得判定checked

    4、regex正则表达式;js 中把正则表达式看做是一个对象,去调用这个对象的方法test

    把要验证的字符串作为test方法的参数。

    String 类中的matches方法。

    Java中把正则表达式作为参数。

    Js中把正则表达式作为对象。

     

    5、js中的内置对象:

    1)浏览器窗口对象

    2)Js内置对象

    3)Js html 标签 对象

     

     

     

    getElementsByName 记得里面的值要给""

     

    也就是:var allpick = document.getElementsByName("allPick")[0].checked;

    下面这个形式是不靠谱的:var allpick = document.getElementsByName(allPick)[0].checked;

     

    全选反选小demo

     

     

        <script type="text/javascript">
            function allPick(){
                var allpick = document.getElementsByName("allPick")[0].checked;
                var hobby = document.getElementsByName("hobby");
                if(allpick){
                    for(var i=0;i<hobby.length;i++){
                        hobby[i].checked=true;        
                    }
                }else{
                    for(var i=0;i<hobby.length;i++){
                        hobby[i].checked=false;        
                    }
                }
            }
            function counterPick(){
                var hobby = document.getElementsByName("hobby");
                for(var i=0;i<hobby.length;i++){
                    if(hobby[i].checked){
                        hobby[i].checked=false; 
                    }else {
                        hobby[i].checked=true;    
                    }    
                }            
            }
        </script>
        </head>
        <body>
        爱好:<input type="checkbox" name="hobby"  value="0" />篮球
        <input type="checkbox" name="hobby"  value="0" />篮球
        <input type="checkbox" name="hobby"  value="0" />篮球
        <input type="checkbox" name="hobby"  value="0" />篮球
        <input type="checkbox" name="hobby"  value="0" />篮球
        <input type="checkbox" name="hobby"  value="0" />篮球
        <hr/>
        全选:<input type="checkbox" name="allPick" onclick="allPick()"/>
        <input type="button" name="counterPick" value="反选"onclick="counterPick()"/>

     

     

  • 相关阅读:
    SpringMVC异常处理
    SpringMVC参数绑定、Post乱码解决方法
    @RequestMapping与controller方法返回值介绍
    Git学习总结(标签管理)
    Git分支管理
    远程仓库
    可用来修改bean对象的BeanPostProcessor
    @Configuration的使用
    Spring配置:用context:property-placeholder替换PropertyPlaceholderConfigurer
    深入剖析 Spring 框架的 BeanFactory
  • 原文地址:https://www.cnblogs.com/letben/p/5185310.html
Copyright © 2020-2023  润新知