首页 > 文章 > web前端 > js面向对象实例讲解

js面向对象实例讲解

小云云原创: 2018-03-14 16:55:551083浏览

关于js面向对象的知识我们已经和大家分享过很多，本文主要和大家分享js面向对象实例讲解，希望能帮助到大家。

<!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]);

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>
	<p id="time"></p>
</body>
</html>

js面向对象实例讲解

相关文章