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中的内置对象的更多相关文章

  1. javaScript中Math内置对象基本方法入门

    概念 Math 是javaScript的内置对象,包含了部分数学常数属性和数学函数方法. Math 不是一个函数对象,用户Number类型进行使用,不支持BigInt. Math 的所有属性与方法都是 ...

  2. javascript中的内置对象和数据结构

    目录 简介 基础类型 undefined Boolean和Boolean对象 Number和BigInt String Symbol null Object Function Date Array K ...

  3. javascript中的内置对象总结

    内置对象 标准内置对象 Object Object.create Object.prototype.toString Object.prototype.hasOwnProperty Boolean S ...

  4. JavaScript中的内置对象-8--3.Math-Math对象的方法-min（）- max（）- ceil（） - floor（）- round（）- abs（）; Math对象的random()方法;

    JavaScript内置对象-3.Math(数值) 学习目标 1.掌握Math对象的方法: min() max() ceil() floor() round() abs() Math.min() 语法 ...

  5. JavaScript中的内置对象-8--2.String-符串对象 方法; 截取方法; 综合应用; 其他方法;

    JavaScript内置对象-2String(字符串) 学习目标 1.掌握字符串对象 方法: charAt() charCodeAt() indexOf() lastIndextOf() charAt ...

  6. JavaScript中的内置对象-8--1.Array(数组)-Array构造函数; 数组的栈方法; 数组的转换方法; 数组的操作方法; 删除-插入-替换数组项; ECMAScript为数组实例添加的两个位置方法;

    JavaScript内置对象-1Array(数组) 学习目标 1.掌握任何创建数组 2.掌握数值元素的读和写 3.掌握数组的length属性 如何创建数组 创建数组的基本方式有两种: 1.使用Arra ...

  7. JavaScript（九）：JavaScript中的内置对象

    一.对象的概念 对象是一种特殊的数据类型(object). 拥有一系列的属性和方法. 分为内置对象和自定义对象. 二.String对象 String对象用来支持对于字符串的处理. 1.属性 lengt ...

  8. 了解 JavaScript 中的内置对象

    所有编程语言都具有内部(或内置的)对象来创建 语言的基本功能.内部对象是 您编写自定义代码所用语言的基础, 该代码基于您的想象实现自定义功能.JavaScript 有许多 将其定义为语言的内部对象.本 ...

  9. JavaScript中的内置对象-8--4.date对象中-获取,设置日期时间的方法; 获取,设置年月日时分秒及星期的方法;

    学习目标 1.掌握创建日期对象的方法 2.掌握date对象中获取日期时间的方法 3.掌握date对象中设置日期时间的方法 如何创建一个日期对象 语法:new Date(); 功能:创建一个日期时间对象 ...

随机推荐

  1. poi大数据导入解决方法

    This one comes up quite a lot, but often the reason isn't what you might initially think. So, the fi ...

  2. c#打印机设置，取得打印机列表及相应打印机的所有纸张格式

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...

  3. 执行sql update use c#

    今天犯了个大错 public static void ChangeGoodsCounts(int GoodsID, int changCounts) { int lastCount; using (S ...

  4. SVN记住用户名和密码后如何修改

    今天遇到一个SVN检出代码用户验证问题.由于自己最近参与了好几个项目,一时间忙不过来.所以希望跟着自己的试用期的同事帮我测试一下刚修改完成的新功能是否有问题.但是该同事没有项目中权限,正好今天恰逢星期 ...

  5. Restful与webService区别

    有好多人问我们在设计底层服务的时候到底是应该选择目前最流行的RestFul架构还是选择老牌的webService呢?今天我就将这两个概念做一下阐述,到底什么情况下选择什么比较合理. 首先需要了解:RE ...

  6. [codevs2152]滑雪

    题目来源 http://www.tyvj.cn/p/1004 http://www.luogu.org/problem/show?pid=1434# http://codevs.cn/problem/ ...

  7. linux驱动程序之电源管理之标准linux休眠和唤醒机制分析（二）

    三.pm_test属性文件读写 int pm_test_level = TEST_NONE; static const char * const  pm_tests[__TEST_AFTER_LAST ...

  8. NOIP2001 一元三次方程求解

    题一  一元三次方程求解(20分) 问题描述 有形如:ax3+bx2+cx+d=0  这样的一个一元三次方程.给出该方程中各项的系数(a,b,c,d  均为实数),并约定该方程存在三个不同实根(根的范 ...

  9. Weblogic 集群部署说明 --转

    代理web.xml 设置 <servlet> l                <servlet-name>HttpClusterServlet</servlet-nam ...

  10. pm 2.5

    定陵</a></div><div class="staaqi"><span class="label pmsmall" ...