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. Mapreduce-Partition分析

    Partition所处的位置 Partition位置 Partition主要作用就是将map的结果发送到相应的reduce.这就对partition有两个要求: 1)均衡负载,尽量的将工作均匀的分配给 ...

  2. MVC 3.0 在各个版本IIS中的部署

    概述: 最近在做一个MVC 3的项目,在部署服务器时破费了一番功夫,特将过程整理下来,希望可以帮到大家! 本文主要介绍在IIS5.1.IIS6.0.IIS7.5中安装配置MVC 3的具体办法! 正文: ...

  3. 嵌入式 uboot、fs、kernel制作和烧录简记-hi3518c

    NULL RAM : mkdir ramdisk_test  临时挂在点 dd if=/dev/zero of=rootfs.ramdisk bs=1k count=10000 建立空硬盘//1500 ...

  4. java汉字转拼音以及得到首字母通用方法

    package oa.common.utils;   import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.piny ...

  5. Dispatcher及线程操作

    WPF 应用程序启动后,会有两个线程: 1. 一个是用来处理UI呈现(处理UI的请求,比如输入和展现等操作). 2. 一个用来管理 UI的 (对UI元素及整个UI进行管理). WPF在线程里面是不可以 ...

  6. 【转】Getting xrdp to work on CentOS 6.4

    vi /etc/selinux/config SELINUX=disabled reboot Step 1: #rpm -Uvh http://pkgs.repoforge.org/rpmforge- ...

  7. [POJ2234]Matches Game

    Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 9297   Accepted: 5365 Description Here ...

  8. 使用 Windows PowerShell 管理Windows Azure映像

    你可以使用 Azure PowerShell 模块中的 cmdlet 管理可供你的 Azure 订阅使用的映像.这包括 Azure 提供的映像以及你上载的映像.对于某些映像任务,你还可以使用 Azur ...

  9. Linux/U-Boot Git Repo

    Linux: git://git.kernel.org/pub/scm/linux/kernel/git/torvalds/linux.git   U-Boot: git://git.denx.de/ ...

  10. 新花生壳内网版2.3 + Tomcat7 搭建自己的网站（2015.01.21）

    网上很多资料,问题主要是出在 tomcat 的访问上而已: 如下总结一下: 首先在 花生壳 官网(http://hsk.oray.com/)注册一个帐号,每个帐号可以领取一个免费域名 然后下载安装新版 ...