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. WebChart网页局域网聊天系列(一):ActiveX插件编写

    第一步:创建ActiveX控件类库,在解决方案中右击添加Window窗体控件库 在该类库属性中,设置 使程序集COM可见,同时设置为COM互操作注册 另外在自动生成的文件中AssemblyInfo.c ...

  2. nginx根据域名做http,https分发

    omcat端口:8080 做好虚拟主机 参照我的另一篇文章nginx端口:80 根据域名分派 在conf/nginx.conf中的http中增加 include www.huozhe.com.conf ...

  3. [洛谷1580]yyy loves Easter_Egg I

    题目背景 Soha的出题效率着实让人大吃一惊.OI,数学,化学的题目都出好了,物理的题还没有一道.于是,Huntfire,absi2011,lanlan对soha进行轮番炸,准备炸到soha出来,不料 ...

  4. [NOIP2002]自由落体

    NOIp2002提高组 题目描述 在高为 H 的天花板上有 n 个小球,体积不计,位置分别为 0,1,2,…．n-1.在地面上有一个小车(长为 L,高为 K,距原点距离为 S1).已知小球下落距离计算 ...

  5. 【CSS】Intermediate1:Class and ID Selectors

    1.html tag = css selector 2.Define your own selectors in the form of class and ID selectors 3. .clas ...

  6. extjs Cannot read property 'dom' of null

    如果你的EXTJS报错: Cannot read property 'dom' of null,那就有可能是因为你的HTML或者JSP文件中的BODY标签里面少了个东西比如代码是: <html& ...

  7. 学习Windows Azure 视频集合大全

    Windows Azure 入门系列课程视频Windows Azure 入门系列课程(1):Windows Azure 概述http://www.aboutyun.com/thread-5777-1- ...

  8. Configure the AD FS server for claims-based authentication -zhai zi wangluo

    Applies To: Microsoft Dynamics CRM 2011, Microsoft Dynamics CRM 2013 After enabling claims-based aut ...

  9. [Windows Server] 在 Windows Server 2012 上安裝 .NET Framework 3.5 - 摘自网络

    官方: Applies To: Windows 8, Windows 8.1 For a Windows Server® 2012 core installation that is not conn ...

  10. eclipse中的maven配置

    1.下载最新版eclipse,包含maven版本 2.配置maven本地仓库(修改settings.xml)