学习笔记-js-2017.2.23

一、js基本数据类型和typeof

1、

• null：空、无。表示不存在，当为对象的属性赋值为null，表示删除该属性
• undefined：未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefined
• number：数值。最原始的数据类型，表达式计算的载体
• string：字符串。最抽象的数据类型，信息传播的载体
• boolean：布尔值。最机械的数据类型，逻辑运算的载体
• object：对象。面向对象的基础

2、typeof:

alert(typeof 1); // 返回字符串"number"
alert(typeof "1"); // 返回字符串"string"
alert(typeof true); // 返回字符串"boolean"
alert(typeof {}); // 返回字符串"object"
alert(typeof []); // 返回字符串"object "
alert(typeof function(){}); // 返回字符串"function"
alert(typeof null); // 返回字符串"object"
alert(typeof undefined); // 返回字符串"undefined"

二、正则表达式

1、语法

/正则表达式主体/修饰符(可选)

2、使用字符串方法

正则表达式通常用于两个字符串方法 : search() 和 replace()。

search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

3、

search() 方法使用正则表达式

点击
    

    

search() 方法使用字符串

点击
    

    

4、replace() 方法使用正则表达式

点击
    
请访问 microsoft
    

replace() 方法使用字符串

5、正则表达式修饰符

6、正则表达式模式

7、test() 方法是一个正则表达式方法。
test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

8、exec() 方法用于检索字符串中的正则表达式的匹配。

三、JavaScript 表单

1、JavaScript 表单验证

    名字：
        
    


    

2、JavaScript 验证输入的数字

请输入1-10的数字
    
    点击
    

    

3、HTML 表单自动验证

四、JavaScript 表单验证

1、必填（或必选）项目

        姓:
           
    

    

2、E-mail 验证

        Email:
        
    
    

五、JavaScript 验证 API

1、约束验证 DOM 方法

    
    验证

    

    

2、约束验证 DOM 属性

3、Validity 属性

    
输入数字并点击验证按钮:

验证

如果输入的数字小于 100 ( input 的 min 属性), 会显示错误信息。