javascript中的内置对象

Posted 2020-06-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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); 后面会有eval和json的联合使用

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()"/>

以上是关于javascript中的内置对象的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

JavaScript中的全局对象，内置对象和预定义对象是啥？

C#-WebForm-★内置对象简介★Request-获取请求对象Response相应请求对象Session全局变量（私有）Cookie全局变量（私有）Application全局公共变量Vi(代码片段

javascript中的内置对象

JavaScript：JavaScript中的内置对象