js面向对象

最新推荐文章于 2024-07-03 14:20:15 发布

转载最新推荐文章于 2024-07-03 14:20:15 发布 · 189 阅读

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括字符串操作、日期处理、数组管理等，并通过具体示例展示了如何利用JavaScript进行时间显示。

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<script type="text/javascript">
		function people(name,age){
			this.name = name;
			this.age = age;
		}
		son = new people("leo",30);
		document.write("name : "+son.name+" , age : "+son.age);
	</script>
</body>
</html>

1) String：字符串可以使用单引号或双引号

1 在字符串中查找字符串：indexOf() 存在返回位置（0开始），不存在返回-1

2 内容匹配：match()

3 替换内容：replace("原","改")

4 字符串大小写转换 toUpperCase()/toLowerCase()

5 将字符串转换为数组 split()

例：var str1 = "hello oo";

var s = str1.split(" ");

document.write(s[1]);

6 从字符串提取字符 slice()

7 substr() 可在字符串中抽取从 start 下标开始的指定数目的字符

8 substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。(不能为负值)

2) 日期

var Date = new Date();

document.write(date);

getFullYear() 获得当前年份

getTime() 获取毫秒

setFullYear() 设置时间

getHours() getMinutes() getSeconds()

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body onload="startTime()">
	<script type="text/javascript">
		function startTime(){
			var today = new Date();
			var h = today.getHours();
			var m = today.getMinutes();
			var s = today.getSeconds();
			m = checkTime(m);
			s = checkTime(s);
			document.getElementById("time").innerHTML = h+" : "+m+" : "+s;
			t = setTimeout(function(){
				startTime();
			},1000);
		}
		
		function checkTime(i){
			if(i<10){
				i="0"+i;
			}
			return i;
		}
	</script>
	<div id="time"></div>
</body>
</html>

3）数组

1 连接 concat

2 排序 sort 升序

document.write(a.sort(function(a,b){

return a-b; //b-a

}));

3 push 末尾追加

4 翻转 reverse()

4)Math Math.?

1 四舍五入 round()

2 随机数 random() 从0-1 parseInt()

3 最大值 max()