JavaScript应用实例-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_65384293/article/details/128307078

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Display a clock</title>
		<script>
		function startTime(){
			var dd=new Date();
			var h=dd.getHours();
			var d=dd.getMinutes();
			var c=dd.getSeconds();
			d=checkTime(d);
			c=checkTime(c);
			document.getElementById('盗墓笔记').innerHTML=h+":"+dd+":"+c;
			cf=setTimeout(function(){startTime()},900);
		}
		function checkTime(y){
			if (y<10){
				y="0" + y;
			}
			return y;
		}
		</script>
	</head>
	<body onload="startTime()">
		<div id="盗墓笔记"></div>
	</body>
</html>

JavaScript Date（日期）对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> Date（日期） 对象</title>
	</head>
	<body>
		<script>
		var k;
		var dmbj = new Array();
		dmbj[0] = "盗墓笔记";
		dmbj[1] = "沙海";
		dmbj[2] = "终极笔记";
		for (k=0;k<dmbj.length;k++){
			document.write(dmbj[k] + "<br />");
		}
		</script>
	</body>
</html>

JavaScript Date（日期）对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>prototype</title>
	</head>
	<body>
		<h3>prototype</h3>
		<p id="demo"></p>
		<script>
		function Person(html, css, cf, fg) {
		  this.firstName = html;
		  this.lastName = css;
		  this.age = cf;
		  this.eyeColor = fg;
		}
		var cs = new Person("盗墓笔记", "沙海", 100, "skyblue");
		var cs2 = new Person("终极笔记", "盗墓笔记", 90, "plum");
		document.getElementById("demo").innerHTML =
		"盗墓笔记 " + cs +  "沙海 " + cs2; 
		</script>
	</body>
</html>

JavaScript prototype（原型对象）
prototype 继承
Date 对象从 Date.prototype 继承。
Array 对象从 Array.prototype 继承。
Person 对象从 Person.prototype 继承。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>菜鸟教程(runoob.com)</title>
	</head>
	<body>
		<h2>JavaScript 对象</h2>
		<p id="demo"></p>
		<script>
		function Person(first, last, age, eye) {
		  this.firstName = first;
		  this.lastName = last;
		  this.age = age;
		  this.eyeColor = eye;
		  this.nationality = "English";
		}
		var myFather = new Person("John", "Doe", 50, "blue");
		var myMother = new Person("Sally", "Rally", 48, "green");
		document.getElementById("demo").innerHTML =
		"我父亲的国籍是 " + myFather.nationality + "。我母亲的国籍是 " + myMother.nationality;
		</script>
	</body>
</html>