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. poj3373Changing Digits(dp)

    链接 dfs倒着搜 返回的路径不能满足相同的数最多 借鉴了下别人的代码.. 先dp出来 再倒着标记一下 然后正回来一定可以满足了 dp保存的是最小的不相同数 #include <iostream ...

  2. 下拉列表联动显示（Car表） 三级联动

    .Models namespace 下拉列表联动显示_Car表_.Models { public class ProductorBF { private MyDBDataContext _contex ...

  3. WPF——控件之间的绑定

    一.启动窗口 二.控件绑定(注意看光标的位置,一个是单向绑定,一个是双向绑定) 注意看单向绑定与双向绑定的绑定方法:

  4. 【CSS3】Advanced2：Shadows

    1.Box Shadows box-shadow:h-shadow v-shadow [blur模糊距离 spread阴影尺寸 color inset]; 2. Text Shadows text-s ...

  5. ubuntu下arm-linux-gcc安装

    我下载的地址随便找的,4.4.3版本的,地址:http://www.cr173.com/soft/42654.html#address 1.我放在了/work/tools/ 2.sudo tar  x ...

  6. HW5.17

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  7. 最常用的Java库一览

    本文由 ImportNew - 邢 敏 翻译自 programcreek.欢迎加入翻译小组.转载请见文末要求. 写在前面: 1) 本文列出的名单是根据我自己的调查,并结合个人的经验.有可能是它们不恰恰 ...

  8. 初次接触Android ActionBar比较烦人的问题[转]

    本文转自:http://blog.csdn.net/u010933209/article/details/40112079 问题一:icon不能正常显示 一直都对actionbar又爱又恨,特别是刚接 ...

  9. 浅谈js观察者模式

    观察者模式又叫发布订阅模式,它可以让多个观察者对象同时监听某一个主题对象,即在一个事件发生时,不同的对象迅速对其进行相应.就比如当又人闯红灯,不同的人对这件事迅速发起响应,当然这个比喻不太恰当,不过在 ...

  10. 校友信息管理系统&SNS互动平台之用户需求及概要设计

    前言.提纲及说明: 请移步:<校友信息管理&SNS互动平台之前言.目录及说明>(博客园地址:http://www.cnblogs.com/s6cn/p/3516876.html) ...