09.JavaScript内置对象

最新推荐文章于 2017-08-16 13:55:40 发布

AlbertLiangzt

最新推荐文章于 2017-08-16 13:55:40 发布

阅读量414

点赞数

分类专栏：学习笔记-Javaweb 文章标签： dom javascript html

本文链接：https://blog.csdn.net/AlbertLiangzt/article/details/62898984

版权

学习笔记-Javaweb 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

什么是JavaScript对象

对象是JavaScript中最重要的API
JavaScript包含多种对象

内置对象
外部对象
- window对象
- dom对象
自定义对象

如何使用对象

对象包含属性和方法
访问对象属性
– 对象.属性
访问对象方法
– 对象.方法名()

常用内置对象

JS中常用内置对象

1.String对象

创建String对象

a) var str1 = “hello world”;

b) var str2 = new String(“hello world”);
String对象属性：length

str1.length
常用方法：
- 大小写转换
  
  x.toLowerCase()
  
  x.toUpperCase()
- 获取指定字符：
  
  x.charAt(index):返回指定位置的字符
  
  x.charCodeAt(index):返回指定位置字符的Unicode编码
- 其他同Java

2.Number对象：是数值对象

创建对象

var n = 3.1415926;
常用方法：

toFixed(num),z=转换为字符串，并保留小数点后一定尾数，位数不够用0补足

n.toFixed(3) —-> 3.142

3.Boolean对象

4.Array对象:

JS中的数组都是Object[]

创建数组
- a)已知数据:
  var a = [“one”, 25, true];
  a[0] —-> one
- b) 未知数据：
  var b = new Array();
  b.push(“two”);
  b.push(“23”);
  b.push(false); —-> two 23 false
数组倒转（不按照大小排序）

x.reserve()
数组排序

x.sort( function(a, b) { return a-b; } )

5.Math对象

与java中Math方法类似

6.Date对象

创建对象：

var d1 = new Date(); —> 获取服务器/数据库时间

var d2 = new Date( “2008/8/8 08:08:08” ); —> 固定时间
转换为本地时间格式

d1.toLocaleDateString(); —> 获取日期

d2.toLocaleTimeString(); —> 获取时间
读取时间分量

var y = d1.getFullYear();

var m = d2.getMonth(); —> 月份从0开始

var d = d1,getDate();

7.RegExp对象

如何创建正则表达式
直接量：/正则/模式

实例化：new RegExp（正则字符串，模式字符串）

var str = “you can you up, no can no bb”;

var reg = /No/i; //g:全局，存在也继续，i忽略大小写
正则对象的方法
- test()检测str中是否和reg匹配的字符串
  
  reg.test(str) —> true
- exec()
  
  在非全局模式下：从str中账户和reg匹配的第一个字符串
  
  reg.exec(str) —> “no” index:16, input….
  
  在全局模式下：第1次调用，从str找出和reg匹配的第一个字符串
  
  第n次调用，从str找出和reg匹配的第n个字符串
var reg = /no/g; //功能，在页面中搜索
reg.exec(str) —>index:16
reg.exec(str) —>index:23
reg.exec(str) —>null
reg.exec(str) —>index:16 //返回第一次位置

8.Function对象

JS中函数就是Function对象
函数名就是只想Function对象的引用
JS的函数没有重载
调用时只要函数名一样，无论传入多少个参数，调用的都是同一个函数
所有的参数传递给arguments数组对象

9.arguments对象

在函数中表示函数的参数数组，

在函数对象只可以利用arguments实现可变参数的函数

function sum() {
    var s = 0;
    if(arguments.length>0) {
        for(var i=0; i<arguments.length; i++) {
            s += arguments[i];
        }
    }
    return s;
}
console.log(sum(1,2));              --->3
console.log(sum(3,4,5,6));          --->18

case:log in

功能实现：账号密码符合规范，显示绿色，不符合则显示红色

<style>
    .ok{ color:green; }
    .error{ color:red; }
</style>
<script>
    function checkCode() {
        //获取账号
        var input = document.getElementById(“account”).value;
        //获取span
        var span = document.getElementById(“account_message”);
        //验证账号格式
        var reg = /^\w{5,10}$/;
        if(reg.test(input)) {
            span.className = “ok”;
            return true;                    //onsubmit事件
        }else {
            span.className=”error”;
            return fasle;                   //onsubmit事件
        }
    }
    function checkPsw() {
        var input = document.getElementById(“password”).value;
        var span = document.getElementById(“password_message”);
        var reg = /^\w{10,15}$/;
        if(reg.test(input)) {
            span.className = “ok”;          //onsubmit事件
            return true;
        }else {
            span.className = “erroe”;
            return false;                   //onsbumit事件
        }
    }
</script>
<body>
    <!-- onsubmit=”return checkCode()+checkPwd()==2” -->
    <form action=”www.albertliangzt.com” onsubmit=”alert((checkCode)&&checkPwd())”>
    <p>
        Account:
        <input type=”text” onblur=”checkCode();” id=”account”/>
        <span id=”account_message”>5-10 letter, number, underline</span>
    </p>
    <p>
        Password:
        <input type=”password” onblur=”checkPsw();” id=”password”>
        <span id=”password_message”>10-15 letter, number, underline</span>
    </p>
    <p>
        <input type=”submit” value=”log in”>
    </p>
</body>

全局函数可用于所用的JavaScript对象

常用的全局函数有:

parseInt/parseFloat
isNaN
eval

case:simple calculate

功能实现：文本框内输入计算式，点击按钮计算，并将结果显示在文本框

<script>
    function calculate() {
        //获取文本框
        var input = document.getElementById(“num”); 
        //获取文本框内的算式 
        var exp = input.value;
        //计算
        try{
            var result = eval(exp);
            input.value = result;
        }catch(e) {
            input.value = “Error”;
        }
    }
</script>
    <body>
    <input type=”text” id=”num”/>
    <input type=”button” value=”=” onclick=”calculate();”>
</body>