首頁  >  文章  >  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物件使用實例

n#物件導向之繼承知識詳解

JS物件導向程式設計詳細說明#######

以上是js物件導向實例講解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn