您的位置：首页 > Web前端 > JavaScript

韩顺平 javascript教学视频_学习笔记21_js内部类_js系统函数重点重点

2016-01-27 20:37 746 查看

js的内部类和js的系统函数

javascript 中本身有提供一些，可以直接使用的类，这种类就是内部类，

主要有以下八个：

Object 、Array 、Math 、Number 、Data 、String 、RegExp 、Boolean

内部类概述

按照使用方式，javascript 内部类分为两大类（动态类和静态类）

动态类就是使用的时候需要先创建实例，然后再使用，静态类就是拿来直接使用

比如：

<html>
<head>
<script language="javascript">

//Math
window.alert(Math.abs(-12));//静态类

//Date
//显示当前日期和时间
var nowdate=new Date(); //动态类
window.alert(nowdate);
window.alert("String"+nowdate.toLocaleString());

</script>
</head>
<body></body>
</html>

1. Object类

2. Math类

Math 是静态类，提供了常用的数学函数和常数，其他的请参考 javascript 帮助文档

下面举例讲几个常用的函数

<html>
<head>
<script language="javascript">

window.alert(Math.ceil(4.5));

window.alert(Math.floor(4.5));

window.alert(Math.round(4.77));

window.alert(Math.round(Math.random()*100)); //取0-100之间的整数

</script>
</head>
<body></body>
</html>

3. Date类

Date类是动态类，提供了日期和时间的操作。需要的多查查javascript帮助文档

下面做一个思考题：

<html>
<head>
<script language="javascript">

var date=new Date();

function showHello(date){

var hour=date.getHours();
var minute=date.getMinutes();

//思路1：把当前时间转成陆离 0:0的秒数（小时数）

var mysecond=hour*3600+minute*60;

if(mysecond>=6*3600&&mysecond<=9*3600){
window.alert("早上好");
}else if(mysecond>=14*3600+31*60&&mysecond<=17*3600+30*60){
window.alert("下午好");
}else if(mysecond>=17*3600+31*60&&mysecond<=18*3600+40*60){
window.alert("傍晚好");
}
}
showHello(date);

</script>
</head>
<body></body>
</html>

4. String类

String是动态类，提供了对字符串的各种操作。

<html>
<head>
<script language="javascript">

var str = "abc123456789";
window.alert(str.length);

var str1="abc de fe gh";
var arr=str1.split(" ");//如果（""）中间没空格就是一个一个分
window.alert(arr);
var arr=str1.split("");
window.alert(arr);

var str2="abcdefg";
window.alert(str2.substr(0,3));  //abc
window.alert(str2.substring(0,3));  //abc
window.alert(str2.substring(1,4));  //bcd

var str3="abcd";
window.alert("CharAt:"+str3.charAt(3)); //d

var str4="ab 123 56 ab 顺平";
window.alert("indexof:" + str4.indexOf("ab")); //0
window.alert("indexof:" + str4.indexOf("ab",1)); //10
window.alert("indexof:" + str4.indexOf("yyyy",1)); //找不到返回-1
window.alert("indexof:" + str4.indexOf("顺平",0)); //13

</script>
</head>
<body></body>
</html>

5. Array类

array是一个动态类

<html>
<head>
<script language="javascript">

var myarr=new Array();
window.alert(myarr.length);

//动态的添加数据
myarr[0]="sp";
myarr[1]="60";
window.alert(myarr.length + " "+ myarr);

myarr.pop();  //出栈
window.alert(myarr.length + " "+ myarr);

myarr.push("abcd");  //入栈
window.alert(myarr.length + " "+ myarr);

var myarr2=new Array(2);
window.alert(myarr2.length);
myarr2[0]=2;
myarr2[1]=10;
myarr2[2]=80;
myarr2[3]=30;
window.alert(myarr2.length+" "+myarr2);

myarr2[10]="Hello"
window.alert(myarr2.length+" "+myarr2);

</script>

</head>
<body></body>
</html>

6. Boolean类

7. Number类

<html>
<head>
<script language="javascript">

var a=800.658;

window.alert(a.toString());

window.alert(a.toFixed(2)); //保留两位小数

var b=23;
window.alert(a.toString(2));//以二进制显示

</script>

</head>
<body></body>
</html>